IE6双倍边距 IE6访问器会出現双倍边距处理方式

2021-01-20 12:28 jianzhan

所谓的IE6双倍边距便是指当元素有float特性,又有margin特性时,在IE6下面显示信息的margin的值是设定值的两倍。下面的编码:

折叠进行XML/HTML Code

拷贝编码
编码以下:

<div style="width:200px;height:50px;background:#ccc;">
<div style="width:100px; height:50px;float:left;margin-left:10px; background:#eee;"></div>
</div>

IE6显示信息实际效果为:IE8显示信息实际效果为:

能够看得出来左侧距在IE6下面显著比IE8下面的大,在ie6下面的左侧距变为了20px,而并不是设定的10px。 IE6双倍边距1招搞定:将有float特性的元素加上display:inline特性。

折叠进行XML/HTML Code

拷贝编码
编码以下:

<div style="width:200px;height:50px;background:#ccc;">
<div style="width:100px; height:50px;float:left;margin-left:10px; background:#eee; display:inline"></div>
</div>

再看来看显示信息实际效果,IE6显示信息实际效果为: IE8显示信息实际效果为: 便是这么简易!