ie6下padding属性双倍hack（转）

上次解决了ie6的margin双倍的问题，这次偶然发现padding也有IE6下CSS双倍的问题，只不过是小问题，也记一下吧。

在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后的属性！