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