如何解决IE7float中left左浮动失效的问题

发布时间:2021-09-15 09:30:44 作者:柒染
来源:亿速云 阅读:146

今天就跟大家聊聊有关如何解决IE7float中left左浮动失效的问题,可能很多人都不太了解,为了让大家更加了解,小编给大家总结了以下内容,希望大家根据这篇文章可以有所收获。

代码如下:

<div id="a" > 
<div id="b" > 
</div> 
<div id="c" > 
</div> 
</div>

情景代码如上。
在FIREFOX和CHROME等浏览器中,b和c会左对齐显示于两排,但在IE7下却不是。
在IE7下,b和c会显示在同一排,并且c会比b稍微低一点。
解决这个bug的方法是在IE7下给c设置固定宽度,并且宽度要大于 a - c 的宽度。

代码如下:

<div id="c" 210"">

看完上述内容,你们对如何解决IE7float中left左浮动失效的问题有进一步的了解吗?如果还想了解更多知识或者相关内容,请关注亿速云行业资讯频道,感谢大家的支持。

推荐阅读:
  1. css左浮动如何写
  2. 左浮动如何用css实现

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

ie7 float:left web开发

上一篇:如何用HTML5和CSS3快速制作便签贴特效图

下一篇:Linux上怎么使用vim

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》