为什么有最小高度但没有实际高度？

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

因此，通过使用在网站的不同区域最小高度的用户不必担心内容被丢失或高度限制，因为他隐藏/她可以放心的元素会扩大。