ie6的padding加倍解决方法

ie6的padding属性hack
padding属性在ie6下的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倍增长。解决方

注意：要让文字兼容对齐，最好默认的居左，text-align：left;margin-left:xx px;居中可能各个浏览器不一致，有padding不一致，设为0px。