最小高度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;
}