IE中浮动元素折行bug

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

<div style="width:300px;border:1px solid gray;"> <input type="text" /> <a href="javascript://;" mce_href="javascript://;" style="float:right;" mce_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://;" mce_href="javascript://;" style="float:right;" mce_style="float:right;">搜索</a><input type="text" /></div>