首页 > 代码库 > 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