IE7 float:left左波动无效的处理方式

2021-03-09 00:53 jianzhan

拷贝编码
编码以下:

<div id="a" style="width:500px">
<div id="b" style="width:300px;float:left">
</div>
<div id="c" style="float:left">
</div>
</div>

场景编码如上。

在FIREFOX和CHROME等访问器中,b和c会左对齐显示信息于两排,但在IE7下却并不是。

在IE7下,b和c会显示信息在同1排,而且c会比b略微低1点。

处理这个bug的方式是在IE7下给c设定固定不动宽度,而且宽度要超过 a - c 的宽度。

拷贝编码
编码以下:

<div id="c" style="float:left;*width="210"">