问题重现代码：
<div style="width:300px;height:23px;line-height:23px; border:1px red solid;">
<span style="width:100px;float:left;height:23px; background:blue; text-indent:-9999em;">测试</span>
<span style="width:150px; height:23px; background:red;"/>ie6下能显示出来吗？</span>
</div>
问题描述：
ie6下，行内元素加了float属性、text-indent属性会导致同级的行内元素离奇隐藏无法显示
解决方法：
使同级的行内元素变成块状元素：直接加display:block或加浮动float:left即可解决
解决问题后代码：
<div style="width:300px;height:23px;line-height:23px; border:1px red solid;">
<span style="width:100px;float:left;height:23px; background:blue; text-indent:-9999em;">测试</span>
<span style="width:150px; height:23px; background:red; display:block;"/>ie6下能显示出来吗？</span>
</div>
把加粗代码部分替换成float:left也行，关键在于把被ie6隐藏的行内元素变成块状元素显示即可解决问题！
这个是ie6的一个bug，无专属的bug名称，遇到过几次了，记录下备忘！
快速留言：
上一篇： 元素width:100%的宽度计算
下一篇： IE6 a:hover bug
5条评论( 网友:4 条,站长:1 条 ) 网友评论{有您的评论更精彩....}