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了。


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