论坛首页 入门技术论坛

IE中浮动元素折行bug

浏览 1558 次
精华帖 (0) :: 良好帖 (0) :: 新手帖 (7) :: 隐藏帖 (0)
作者 正文
   发表时间:2010-01-08   最后修改:2010-01-08

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

 

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

 

 

 

 

 

 

 

 

 

 

 

 

 

论坛首页 入门技术版

跳转论坛:
Global site tag (gtag.js) - Google Analytics