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

前端技术 2023/09/09 CSS

复制代码
代码如下:

<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会显示在同一排，并且c会比b稍微低一点。

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

复制代码
代码如下:

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

本文地址：https://www.stayed.cn/item/25448

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见，何事秋风悲画扇。

我的标签

随笔档案