!important min-height
!important和min-height这两个属性IE6都不支持。
但可以利用他们来达到在标准浏览器下,固定高度的容器当内容过多时,自动伸缩。
直接上代码。
div { height:auto!important; height:200px; min-height:200px; }
/**************修改**************/
今天才知道,原来我以往对important的认识是错的,IE6不是不认识important,而只是对important的处理上存在BUG。
假设html的结构如下:
<div id="test" style="background:red"></div>
我们给他一个CSS如下:
#test{ width:300px; height:300px; background:#ccc !important; }
如果说IE6不认识important的话,那么,结果应该是红色,但事实显示出来的结果是#ccc。
再看下面例子:
<style type="text/css"> #test{ width:300px; height:300px; background:#ccc !important; background:red; } </style> </head> <body> <div id="test"></div> </body>
如果IE6对important的支持跟其他标准浏览器一样的话,那理论上这个应该显示#ccc。但IE6显示为红色,也就是说,在IE6里,在important后面的相同属性,会覆盖important。
所以,不是IE6不认识important,而是支持上的不足。