今天在做网站的时候要求 有个最小高度,于是想到了min-height 这个属性,可以在测试的时候发现IE6 不支持这个属性,FF 支持非常好,于是搜索解决的方法。
在千鳥志 的傅客中发现了一种解决方法
.beispieldiv { min-height:150px; height:auto; background:#ccc; padding:10px;}
* html .beispieldiv { height:150px; } /* nur für IE 5.5 - 6.x */
html + body .beispieldiv { height:150px; } /* nur vom IE 5.0 */
在IE环境下,其实height就几乎就等于是min-height,指定容器高度后,当内容撑大时有自动延伸的特质。在FF内不会,而是显示固定height值。min-height:150px; 在IE下不做解析,height:150px; 是专为IE定义的,height:auto;应该是兼容性定义
在 飘零雾雨 的傅客中也发现一种解决方法
div {
min-height:100px;
_height:100px;
}
实现关键就在于{ _height:100px; },这是为它定制的一个Hack。