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

Question

当元素具有min-height但不是height时，它是什么意思？

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

Answer 1

我刚检查了你提供的网站，这就是我得到的

  

DIV＃单柱   {      background-color：#FFFFFF;      padding-left：20px;      padding-right：20px;   }

这个id没有最小高度。你错过了什么吗？

没有高度的最小高度将是侧边栏。你的意思是??? 如果是这样，那是因为如果没有条目它应该仍然在那里（否则，它会想要解雇，你的网站看起来会有所不同），但是如果你使用了很多模块，它也应该能够扩展< / p>

Answer 2

min-height设置元素高度的低端阈值，但允许内容在内容超过x px时控制高度。与不允许元素展开的height属性不同，如果内容溢出元素集范围。

min-width的工作方式大致相同，只是它不允许内容指定宽度。而是使用最小宽度来设置在调整浏览器窗口时流体页面布局调整大小的限制。如果将min-width设置为500px，浏览器将不会让您的元素缩小到小于500px宽。

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

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