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 回答