关于CSS 浏览器兼容问题
发布网友
发布时间：2022-04-23 21:27
共1个回答
热心网友
时间：2022-04-06 11:58
BUG，
2像素错误。
解决方法有几种，
第一种，不写hack（浏览器兼容性）代码的方法。
<div
id="B">
<div
class="b1"></div>
<div
class="b2"></div>
</div>
CSS如下:
#B
{width:500px;height:200px;margin:0;
padding:0;}
.b1，.b2{width:250px;height:200px;float:
left;}
2个都用左浮动。
用HACK的方法
CSS如下:
#B
{width:500px;height:200px;margin:0;
padding:0;}
.b1{width:250px;height:200px;float:
left;}
.b2{width:250px;height:200px;margin-left:-2px;
margin-left:0px!important;}
IE读取margin-left:-2px;
会把B2左移2像素。
FF开始的时候读取margin-left:-2px;
然后后来的
margin-left:0px会覆盖开始读取的margin-left:-2px
所以FF不会变化。
!importantFF认识，IE6不认识
