IE7 float:left左浮动失效的解决方法

点评：下面的例子中在FIREFOX和CHROME等浏览器中，b和c会左对齐显示于两排，但在IE7下却不是，下面有个不错的解决方法，感兴趣的朋友不要错过。

复制代码代码如下:

<p id="a" style="width:500px"> 

<p id="b" style="width:300px;float:left"> 

</p> 

<p id="c" style="float:left"> 

</p> 

</p> 

情景代码如上。 

在FIREFOX和CHROME等浏览器中，b和c会左对齐显示于两排，但在IE7下却不是。 

在IE7下，b和c会显示在同一排，并且c会比b稍微低一点。 

解决这个bug的方法是在IE7下给c设置固定宽度，并且宽度要大于 a - c 的宽度。 

复制代码代码如下:

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