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.

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