并排制作两个div，一个是可调整大小的，另一个是相同的高度

Question

我带来一个css身高的戏剧。

我想制作一个布局，一个div在同一行中包含2个div，一个可调整大小，另一个必须适合父级的高度（与第一个相同的高度）。

第一个div可以有其他信息（所以我无法修复高度），所以它会有更多行，重要的是它不能有滚动条。第二个div必须服从第一个高度，如果它大于它将有一个滚动条。

<div class='container'> <!-- parent -->
    <div class='left'> <!-- resizable -->
    </div>
    <div class='right'> <!-- same height as left div  -->
    </div>
</div>

UNSOLVED CODE

问题是我无法弄清楚如何使用css。或者甚至可以用css。我不想用js。

有人请帮助我！

Answer 1

Fiddle

你所做的就是让正确的absolutely positioned停止影响父母的高度.container { background-color: gray; display: table; width: 70%; position:relative; } .container .left{ background-color: tomato; width: 35%; } .container .right{ position:absolute; top:0px; left:35%; background-color: orange; width: 65%; height:100%; overflow-y: auto; } 。

相关CSS

{{1}}