网页制作 
首页 > 网页制作 > 浏览文章

CSS之float在IE浏览器下换行问题解决方法

(编辑:jimmy 日期: 2024/11/18 浏览:3 次 )

复制代码代码如下:
.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>
上一篇:纯CSS改变webkit内核浏览器的滚动条样式
下一篇:css3实现超立体3D图片侧翻倾斜效果