CSS2浏览器兼容

使用非IE编写代码，非IE浏览器符合W3C标准


非IE浏览器：符合W3C标准的：


IE浏览器：不符合W3C标准：
 

非IE浏览器外观大于IE浏览器

例： 
<style>
.box
{
width:250px !important;
width:300px;
height:270px !important;
height:300px;
border:5px solid blue;
padding:10px 20px;
margin:30px;
background:#F0F;

}
</style> 

重复定义属性，执行后定义的，后定义的属性覆盖前定义商务属性，!important可以解决浏览器兼容的问题，IE浏览器打开时，执行后定义的属性，而非IE浏览器打开时，执行带有!important标记的。
非IE浏览器外观大于IE浏览器的外观，减去相应的宽度达到效果一样，
宽度：300-5*2-20-20=250 减去40像素留白和10像素的边框 
高度：300-5*2-10-10=270 减去20像素留白和10像素的边框