CSS高度：auto不能與我的包裝div一起工作

我希望有人可以看看我的網站，並告訴我這裏可能發生了什麼。我遇到的問題是＃bodyWrap div不會自動拉伸到其中一個子項的高度，#contentWrap。 #contentWrap可以很好地填充該頁面上的所有內容，但這不會冒泡到父項#bodyWrap。預先感謝您的任何見解。CSS高度：auto不能與我的包裝div一起工作

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

來源

2011-12-15 Throttlehead

您必須在封閉容器之前添加更清晰的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>

來源

2011-12-15 08:06:16

謝謝！當我知道我會漂浮元素時，我總是使用一個「清晰」的課程，但是當我正在試驗時我錯過了它，只是看不到這個問題。有沒有辦法讓一個浮動元素（比如navwrap）伸展到頁面底部？再次檢查網站，看看我的意思。 – Throttlehead

我可能會最終使用Javascript來將navWrap高度設置爲contentWrap高度。比絕對定位Div和Z指數更容易。 – Throttlehead

現在有點難以得到時間，現在檢查它。工作在最後期限。但一個簡單的方法是將navwrap圖像包含到您的平鋪內容背景中。 ;）否則，我認爲你將不得不改變HTML結構，並玩弄CSS顯示：表選項。或者用jQuery讀取內容的高度...並將navwrap設置爲類似...你甚至可以在動畫中彈出;）乾杯夥伴 –

如果事情通常不會自動調整高度，我那麼我將這些步驟排除故障。

將高度設置爲荒謬的事（1000像素）
如果讓再差檢查所有彩車
添加明確：兩者;聲明。
如果它仍然不起作用，請爲您的所有div添加單獨的邊框顏色。它應該幫助你看到什麼設置適當的高度和什麼搞亂了網站。

來源

2011-12-15 08:10:24 GuyLeStack

今天同樣的事情發生在我身上，這是因爲在包裝器中有一個'display：absolute'，我將它改爲'relative'並且它工作。 – Vadorequest

CSS高度：auto不能與我的包裝div一起工作

回答

相關問題