ie6的padding属性hack

 

在ie6下使用padding的话,数值乘2倍增长,其他浏览器不会!

只能用!important来调整!

例如在IE6下的x容器样式是这样。

.x{width:100px;height:100px;padding:50px;}

在IE7\8，firefox，chrome等主流浏览器中，它的总占据的宽度和高度是200X200，而在IE6中，则是300X300。

要调整兼容性，利用!important关键字！

样式写成

.x{width:100px;height:100px;padding:50px!important;padding:25px;}

除了IE6以外，其他浏览器都支持!important关键字属性的优先！

注意：要使用!important的话，把优先的属性写前面，就像上面一样！这样在代码读取顺序的时候，除IE6以外的浏览器读取到了!important关键字的属性，后面的相同属性就不再读取，而IE6不支持!important，所以IE6只能读取!important后的属性！

另外：在ie6下浮动了的容器里使用margin-left或right，数值也是乘2倍增长。

同学们以后做兼容性的时候注意，具体怎么做，参照上面的！