我正在努力弄清楚如何做到这一点。我有一个带有灰色背景（一行）的父 DIV，其中包含三个子 DIV。父 DIV 宽度为屏幕的 100%。 Child A 是一个 DIV，即一个图像，并设置整个行的高度。
子 DIV B 和 C 将行宽的剩余部分分成两半，并与行高匹配。我可以将它放到所有 DIV 的高度相同但子 DIV B 和 C 没有填满父母 DIV 的其余部分的位置。
【问题讨论】：
这是一个 sn-p，我了解您正在尝试做的事情。 （也在plunker。）
.left{
float: left;
height: 120px;
width: 200px;
background-color: whitesmoke;
}
.right{
height: 60px;
background-color: yellow;
}<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="style.css">
<script src="script.js"></script>
</head>
<body>
<div>
<div class="left">Div 1</div>
<div class="right">Div 2</div>
<div class="right">Div 3</div>
</div>
</body>
</html>【讨论】：