CSS:min-height

最小高度min-height是一个非常有用的属性,当容器内的内容较少时,能保持一个最小的高度,不破坏布局,而当内容增加的时候,容器能够自动的伸展以适应内容的变化。

min-height属性并非所有浏览器都兼容,主要问题还是出现在IE。IE对于overflow的特殊实现,给我们实现min-height提供了一个思路,以下是兼容IE6、IE7、FF的min-height写法:

#test-min-height {
    min-height:100px;
    height:auto !important;
    height:100px;
    overflow:visible;
}