当孩子浮动时，外部元素高度

Question

<div id="contenetarea" style="width:1000px; margin:auto">
<div id="mainarea" style="width:650px;float:left;">
</div>
<div id="sidebar" style="width:350px;float:left;">
</div>
</div>

我想要contentarea height = max（mainarea.height，sidebar.height） 我的谷歌cse结果页面有问题.. 我该如何解决？

有没有办法做到这一点：mainarea.height = sidebar.height = max（mainarea.height，sidebar.height）

Answer 1

尝试将overflow: hidden;添加到#contentarea。这将导致它将所有内容包装在其中，甚至浮动元素。