高宽比致使IE6中两个DIV有3px间隙难题

2021-01-20 12:25 jianzhan
近期做的网页页面基础上全是自融入的,常常应用以下的写法:

拷贝编码
编码以下:

<div style="width:400px;">
<div style="float:left;width:200px;background:red;">sdf</div>
<div style="margin-left:200px;overflow:hidden;background:green;">sdf</div>
</div>

左侧的DIV应用float,右侧的DIV则自融入。昨日给右侧的DIV加上了1个高宽比,发如今IE6中出現了难题。(下列两个案例的差别只能在IE6中才可以看到)
左侧DIV
此DIV未设定高宽比,全部访问器显示信息均一切正常
 左侧DIV
此DIV设定了高宽比,致使在IE6中上下两个DIV之间有3px的空隙

左侧DIV是不是设定高宽比均不会受到危害。现阶段都还没寻找处理方式,唯有只能将右侧的DIV的高宽比去掉。
假如有处理方式的盆友请指教。
=========================================================
谢谢网友“甚么状况”出示处理方式,处理方式以下:

拷贝编码
编码以下:

<div style="width:400px;">
<div style="float:left;width:200px;background:red;_margin-right:⑶px;">sdf</div>
<div style="margin-left:200px;overflow:hidden;background:green;_margin-left:⑶px;">sdf</div>
</div>

各自给两个DIV加上_margin-right:⑶px和_margin-left:⑶px,便可处理难题