CSS高度：auto不能与我的包装器div一起使用

Question

我希望有人可以看看我的网站并告诉我这里可能会发生什么。我遇到的问题是#bodyWrap div不会自动伸展到其中一个孩子的高度#contentWrap。 #contentWrap可以很好地填充该页面上的所有内容，但这不会冒泡到父对象#bodyWrap。提前感谢任何见解。

http://www.jacobsmits.com/placeholderRX/index.html

Answer 1

您必须在结束容器之前添加更清晰的div ：

<div style="clear:both;"></div>

浮动项目不会影响容器的高度 ...因为它正在浮动;）。

工作实例：http://jsfiddle.net/LBH5h/

示例：

<div id="content">
  <!-- floating child --> <div style="float:left;"><!-- floating child content --></div>

  <div style="clear:both;"></div>
</div>

Answer 2

如果某些内容通常无法自动调整高度，那么我将使用这些步骤进行故障排除。

1. 将高度设置为荒谬（1000px）
2. 如果有所不同，请检查所有花车
3. 添加一个明确的：两者;言。
4. 如果它仍然不起作用，请为所有div添加单独的边框颜色。它应该可以帮助你了解什么是正确设置高度，以及弄乱了网站。