给大家讲解一下min-height属性,以及此属性与IE中如何兼容。
min-height 属性允许你指定元素的最小高度,适用于需要平衡布局的情况。
重点分析:min-height属性不是IE6的专利,所以到目前为止,IE6并不支持此属性。所以需要用到min-height hack.
CSS代码如下:
.with_minheight {
min-height:550px;
height:auto !important;
height:550px;
}
//注:这里用到的!important IE6并不识别,但对Firefox来说会优先执行。
因些这里所有的浏览器的高度会是550px, 而 !important IE6不认识,所以也不执行。
但执行到 height:550px 时,它就认识了,也会自动设置高度为550px,就这么简单.