0

我一直在努力解决这个问题，我很困惑（并且可能遗漏了一些明显的东西）。我有一个带有绝对定位 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>
4

1 回答 1

0

我认为你真正的问题是

我希望右边的 div 与左边的 div 高度相同

正确的？

如果是这样，您可以在这里找到解决方案：http: //matthewjamestaylor.com/blog/equal-height-columns-cross-browser-css-no-hacks

于 2013-02-06T06:10:56.763 回答