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添加單獨的邊框顏色。 它應該幫助你看看什么是正確設置高度和什么搞亂了網站。