首页 > 代码库 > IE6/IE7之浮动元素最后一个字母重复Bug
IE6/IE7之浮动元素最后一个字母重复Bug
这个bug影响: IE7, IE6
<div> <p> <span>A</span> <span>B</span> <span>C</span> </p> </div>
div { width: 100px; } p { margin-right: 1px; } span { float: left; width: 120px; }
bug出现:
1.我们有一个确定宽度的div元素.
2.在这个div中有一个属性margin-right属性设置为任何非0数值的 <p> 3.元素在这个P元素中有三个float属性设置为left,并且宽的设置为大于父容器div宽度的宽度值的span元素.
最后一个字母C在下一行重复
要有三个或三个以上float元素, 如果没有三个,bug就不会出现,
解决:
给我们的浮动元素span 设置relative
IE6/IE7之浮动元素最后一个字母重复Bug
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。