galilajiao00 2015-01-20
div盒子设置宽度和高度后,在IE浏览器和非IE浏览器(如火狐,满足W3C标准)会差生不兼容,ie
浏览器的宽度和高度包括border和padding的宽度和高度,而火狐等满足W3C标准的非IE浏览器
的宽度和高度就是内容宽度,不包括border和padding
解决方法
width:250px !important;
width:300px;
当含有两个同一属性时,会使用后面一个属性的值。由于IE会忽略!important,所以他会使用后面的300px;此时ie的宽度为300-5-5-20-20=250;
非IE浏览器的!important优先级高于后面的,此时会使用width:250px.
这时,他们的宽度就相等了