爲什麼「div」不會隨其內容擴展？

我在體內添加了一個名爲「midsection」的DIV。它包含幻燈片和下面的信息等所有內容。我將中間部分的高度設置爲「98％」，但不會隨其內容擴大。實際頁面確實展開，但DIV沒有展開。爲什麼「div」不會隨其內容擴展？

-HTML http://e.pictureupload.us/118270967451ca3420af8dd.jpg

-CSS

#midsection{ 
position:relative; 
top:31px; 
width:75%; 
height:98%; 
margin-left:12.4%; 
background:#f3f4f4; 
border-left: 1px black solid; 
border-right: 1px black solid; 
word-wrap: break-word; 
}

來源

2013-06-26 Adam DePolo

請複製並粘貼你的代碼到這裏。它會更容易幫助你... – Buggabill

我把它添加爲圖片。 –

爲什麼要將代碼添加爲圖片？請複製/粘貼到您的問題。 – Steve

嘗試增加溢出：汽車到div：

#midsection 
{ 
    ... 
    overflow:auto 
}

來源

2013-06-26 00:38:09 Danield

不是我最喜歡的，但它的工作原理。我仍然想要擴大實際的頁面。 –

@AdamDePolo，如果這適用於您，那麼您應該通過點擊檢查符號將其標記爲接受的答案。 – Danield

我還在等待，如果你閱讀我的回覆，你可以看到我說「我仍然希望頁面展開」.... –

一個div有其固有的最大高度的集裝箱。你必須確保DOM中包含這個div的每個項目的高度至少爲98％。例如，如果在div只是在身上，你可以添加：

html{ min-height:98%; } 
body{ min-height:98%; }

來源

2013-06-26 00:17:46 Neuticle

這沒有奏效...... –

嘗試增加overflow:hidden到CSS的股利。

來源

2013-06-26 00:56:41 Cynthia

爲什麼「div」不會隨其內容擴展？

回答

相關問題