最小高度min-height已经被大多浏览器所支持,而且他的实用性也使得他被广泛的使用,但其中唯一的遗憾那就是IE6不支持min-height! 所以,为了兼容性,你必须得使IE6也能兼容min-height。所幸的是这并不难实现,IE6在设计之初就有一个问题,他虽有height属性,但是 一旦内部元素高度超出父元素,其父元素也会很跟着内部元素一起增高,外部元素高度值会等于内部元素的高度值,所以说IE6下天生就有猥琐的min- height属性,带着height的面具,干着min-height的活,颇有点垂帘听政一感觉。所以遇到实现最小高度的情况我们利用IE6的Hack 来实现。
/* IE6利用_height实现min-height */
.wrap{width:100px; min-height:100px; _height:100px; background:#ccf;}
.inner{width:50px; height:150px; background:#cfc}
另附上各浏览器hack写法
background-color:red\0; /* ie 8/9*/
background-color:blue\9\0; /* ie 9*/
*background-color:#dddd00; /* ie 7*/
_background-color:#CDCDCD; /* ie 6*/