WEB标准中浏览器之间兼容的小方法
设BOX 宽度为300px,在IE5.x浏览器中,对BOX的宽度解释有个bug,它认为300 px是BOX的总宽度,内容的宽度变成:300-2*10-2*5=270px,在ie6.0、firefox、opera8.0中显示box1的总宽度 为330px,等于BOX实际的总宽度,内容的宽度:300px。所以可把宽度写成width: 330px; w/idth: 300px;,后一个宽度ie5.x不会解析。下面实例中BOX1是没有修正的,BOX2是修正过的。如果你用ie5.x,会发现二个BOX宽度是不一样的。
#box1{
background: #EEEEEE;
width: 300px;
border: solid 5px #999999;
padding: 10px;
}
#box2{
background: #EEEEEE;
width: 330px;
w/idth: 300px;
border: solid 5px #999999;
padding: 10px;
}