css - 子元素 float 时的外部元素高度

标签 css css-float

<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) 我的 google cse 结果页面有问题.. 我该如何解决?

有没有办法做到这一点:mainarea.height=sidebar.height=max(mainarea.height,sidebar.height)

最佳答案

尝试将 overflow: hidden; 添加到 #contentarea。这将导致它将所有内容包裹在其中,甚至是 float 元素。

关于css - 子元素 float 时的外部元素高度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8467019/

相关文章:

html - CSS - Margin-top 不适用于一个选择器,但在兼容模式下可以

css - margin 顶部不适用于清除 : both

html - 背景不拉伸(stretch)到屏幕大小

html - 我将如何在 bootstrap 4 中添加范围 slider 模型?

html - 并排放置元素

javascript - 将代码迁移到 html 和 javascript 后如何引用包

html - 在 iframe 顶部重叠 div

internet-explorer-7 - IE7 div float 错误

html - 如何将 Material Design Lite 卡片对齐到右侧

html - 根据屏幕大小更改元素的顺序