WEB标准中浏览器之间兼容的小方法

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;
}