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

雪花,是世界上最圣洁的花,当你静静的倾听天籁,尘世的浮躁与喧嚣,似乎都已离你远去,剩下的惟有纯净,那是心灵忘却一切的畅然,那是在没有尘埃的世界里,生命自由呼吸的平淡与安恬。
复制代码
代码如下:

<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"">

到此这篇关于IE7 float:left左浮动失效的如何解决方法就介绍到这了。当你的能力还驾驭不了你的目标时,那你就应该沉下心来历练。更多相关IE7 float:left左浮动失效的如何解决方法内容请查看相关栏目,小编编辑不易,再次感谢大家的支持!

您可能有感兴趣的文章
css让页脚保持在底部位置的四种方案

CSS如何使用Flex和Grid布局如何实现3D骰子

Flex布局史上最简单使用语法教程

新的CSS 伪类函数 :is() 和 :where()示例详解

纯CSS打字动画的如何实现示例