IE6下实现min-height

IE6下实现min-height

最小高度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*/

if ($ != jQuery) { $ = jQuery.noConflict(); } var isLogined = false; var cb_blogId = 95583; var cb_entryId = 2150622; var cb_blogApp = "forthequeen"; var cb_blogUserGuid = "39d5ec4c-34cd-e011-8ee0-842b2b196315"; var cb_entryCreatedDate = '2011/8/23 15:39:00';