div盒子宽度高度兼容性


div盒子宽度高度兼容性
 

 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.

这时,他们的宽度就相等了

相关推荐