Question

我一直在反对这个问题，我很难过（而且可能会遗漏一些明显的东西）。我有一个绝对定位div的页面，并且在绝对定位div内，有两个内容div向左浮动。左内容div的高度为1200px（基于其内容）。我希望正确的div与它左边的div的高度相同，但我不能让它发生。右侧div的高度与其父级（绝对定位div）的高度相同，即530px。如果我上链，身体和html都是530px（他们都说高度：100％）。我在一个包含两个浮动div的绝对定位div的末尾放置了一个清晰的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>

Answer 1

我认为你真正的问题是

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

正确？

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

绝对定位的div不会获得浮动子内容的高度

1 个答案: