IE中浮动元素折行bug

网页制作中，我们经常需要设置一个元素向左或向右浮动。如下：

 

<div style="width:300px;border:1px solid gray;">
       <input type="text" />
       <a href="javascript://;" style="float:right;">搜索</a>		
</div> 

 

div中有个输入框和链接A，设置链接A向右浮动。下表列出了各浏览器中A是否折行。

	IE6/7(S,Q)	IE8(Q)	IE8(S)/Firefox/Safari/Chrome
链接A是否折行	是	是	否

 

解决方式，把Input元素和链接A位置调换。如下：

 

<div style="width:300px;border:1px solid gray;">	
	<a href="javascript://;" style="float:right;">搜索</a>
	<input type="text" />
</div>