float在ie浏览器上的兼容问题

<span style="font-size:18px;"><!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>浮动问题</title>
	<style>
		div{
			width:200px;
			height:20px;
			border:1px solid red;
		}
		span{
			float:left;
		}
		a{
			float:right;
		}
	</style>
</head>
</span><pre name="code" class="html"><body>
	<div>
		<span>shop</span>
		购物
		<a href="#">more</a>
	</div>
</body>

</html>

这段代码在Google,Firefox浏览器中是在一行显示的,而在ie浏览器中则是 ,造成这个的原因是“购物”是文本,而且它没有用任何标签,在ie中后面的“more”就会另起一行,解决的方法是:


<span style="font-size:18px;"><body>
	<div>
		<span>shop</span>
		<span>购物</span>
		<a href="#">more</a>
	</div>
</body></span>

这样的话就ok了。


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章