您的位置:首页 > 其它

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

2006-12-25 13:12 260 查看
设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;
}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: