IE6下实现min-height

最小高度min-height已经被大多浏览器所支持,而且他的实用性也使得他被广泛的使用,但其中唯一的遗憾那就是IE6不支持min-height 所以,为了兼容性,你必须得使IE6也能兼容min-height。所幸的是这并不难实现,IE6在设计之初就有一个问题,他虽有height属性,但是 一旦内部元素高度超出父元素,其父元素也会很跟着内部元素一起增高,外部元素高度值会等于内部元素的高度值,所以说IE6下天生就有猥琐的min- height属性,带着height的面具,干着min-height的活,颇有点垂帘听政一感觉。所以遇到实现最小高度的情况我们利用IE6Hack 来实现。

/* 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*/

posted @ 2011-08-23 15:39  Teemo  阅读(449)  评论(0编辑  收藏  举报