CSS之float在IE浏览器下换行问题

by admin on 2014-04-17 11:27:06 in , 次

.h3 a {
background: url("/mimages/more.png") no-repeat scroll 100% 50% / 15px auto rgba(0, 0, 0, 0);
color: #FFFFFF;
float: right;
height: 30px;
text-indent: -9999px;
width: 50px;
}
<h3>
1F 热门车系
<a href="/msearch/?type=2">[更多+]</a>
</h3>

当程序如上时，a标签会在IE等浏览器下换行。
解决方法，就是把<a> 标签放在文本前面，如下：
<h3>
<a href="/msearch/?type=2">[更多+]</a>
1F 热门车系
</h3>