1. 程式人生 > >解決IE8下,float右浮動不能與前面元素顯示在同一行

解決IE8下,float右浮動不能與前面元素顯示在同一行

問題圖片(需要的效果是,返回按鈕與專案名稱在同一行,並且靠右):


原因:

當非float的元素和float的元素在一起的時候,如果非float元素在先,那麼float的元素將被排斥

解決方案:

將按鈕在所在html標籤放到專案名稱前面

解決後圖片:


程式碼:

<div class="bk-search" style="padding-top: 0px; padding-bottom: 0px;height: 30px;vertical-align: middle;line-height: 30px;">
		<span style="float: right;margin-top: 3px;"><button style="width: 60px;line-height: 20px;" type="button" class="button" onclick="FH()">返回</button></span>
		<span>專案名稱:<s:property value="queryBean.pc.name"/></span>
	</div>