在IE中出现莫名其妙的上划线, 而且不刷新就一直存在。 帖源代码先: <style> .lt {border-top:1px solid #04477C; border-bottom:6px solid #04477C; background:#BFD1DF; padding:4px 8px 0; color:#04477C;} .lt h2 { font-size:14px; line-height:16px;} .lt .title {float:left;} .lt .m {float:right; font-size:12px; font-weight:lighter;} .lt a {color:#04477C; text-decoration:none;} .lt a:hover {color:#006699; text-decoration:none;} .c{clear:both;} </style> <div class="lt"> <h2><span class="title"><a href="#">商业营销</a></span> <span class="m">» <a href="#"> 我要订阅</a></span></h2> <div class="c"></div> </div> 出现的问题就是上图的样子, 明明没有给这几个标题加上划线的样式,却带了上划线。 如果去掉了h2,或者不用清除float的样式,上划线就没有了。 这个上划线只在IE中出现, firefox里是正常的。 我遇到过几次这种情况,不知道是什么原因,不知道是哪里写错了。 希望同志帮我指点下呀~` [很奇怪,为什么底下的代码单独用的时候就没有这个问题, 但还是帖上来~~]