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