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添加单独的边框颜色。 它应该帮助你看看什么是正确设置高度和什么搞乱了网站。