我一直在努力解决这个问题,我很困惑(并且可能遗漏了一些明显的东西)。我有一个带有绝对定位 div 的页面,在绝对定位 div 内,有两个向左浮动的内容 div。左侧内容 div 的高度为 1200px(基于其中的内容)。我希望右侧的 div 与其左侧的 div 高度相同,但我无法做到这一点。右侧 div 的高度与其父级(绝对定位的 div)的高度相同,即 530px。如果我上链,body 和 html 也是 530px(它们都被称为 height: 100%)。我在包含两个浮动 div 的绝对定位 div 的末尾放置了一个带有 clear 的 div,什么都没有。
这一直让我发疯。我将包含一些 HTML 来说明发生了什么:
<html>
<head></head>
<body> <---- height 100%
<div id="container">
<div id="header">
</div>
<div id="content"> <--- Absolute div, height 100%
<div id="left-column"><---- float left
</div>
<div id="right-column><---- float left
</div>
<div class="clear"></div> <--- cleared div
</div>
</div>
</body>
</html>