现在的位置: 首页 > 综合 > 正文

WEB标准中浏览器之间兼容的小方法(转载)

2011年12月09日 ⁄ 综合 ⁄ 共 411字 ⁄ 字号 评论关闭

设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;
}
【上篇】
【下篇】

抱歉!评论已关闭.