爲什麼有最小高度但沒有實際高度？

Question

元素有min-height而不是height是什麼意思？

div#single-post{ 
    min-height:100px; 
} 

Answer 1

我只是檢查你給的網站，這是我得到

DIV＃單柱 { 背景顏色：#FFFFFF; padding-left：20px; padding-right：20px; }

此ID沒有最小高度。你錯過了什麼嗎？

最小高度沒有高度將是側邊欄。你是不是這個意思？ 如果是這樣，這是因爲它應該仍然存在，如果沒有條目（否則，它會喜歡解僱和你的網站看起來不同），但它也應該能夠擴展，如果你使用了很多模塊或任何

Answer 2

min-height設置元素高度的低端閾值，但允許內容在內容超過x px時控制高度。與height屬性不同的是，如果content滿足元素集範圍，則不允許元素展開。

最小寬度的工作方式非常相似，除非它不允許內容指定寬度。而是使用最小寬度來設置在調整瀏覽器窗口時如何調整流體頁面佈局的限制。如果您將最小寬度設置爲500px，則瀏覽器不會讓您的元素縮小至小於500px寬。

來源：http://www.webmasterworld.com/forum83/5671.htm

因此，通過使用在網站的不同區域最小高度的用戶不必擔心內容被丟失或高度限制，因爲他隱藏/她可以放心的元素會擴大。