1. 程式人生 > >CSS之float在IE瀏覽器下換行問題

CSS之float在IE瀏覽器下換行問題

.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>

輪胎網