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