DIV CSS 佈局教程網

復選框後邊一句文字，如何讓它們兩個並排對齊，相差幾個像素的問題，但各個浏覽器就是不一樣，特別是ie6，經測試解決方法如下，有類似問題的朋友可以參考下

 

對於前邊一個復選框，後邊一句文字這樣的排布，經常見，但問題總是很多，如何讓它們兩個並排對齊，有時候就是幾個像素的問題，但各個浏覽器就是不一樣，特別是ie6.

今天忽然發現了解決這類問題的辦法。

一般的寫法，代碼如下

復制代碼 代碼如下:
<div>
<span>
<input type="checkbox" id="haveRead" name="haveRead" style="top:2px;" />
<label onclick="clickToCheck()">我已閱讀並同意 <a href="#">《奇樂用戶注冊協議》</a></label></span>
</div>

最外有個div，但裡邊的兩個標簽會根據自己的默認樣式進行排，不是復選框高於文字幾個像素，就是文字高於復選框。

此時需要做的就是，最外邊的那個div的定位position：relative; 裡邊復選框的定位position：relative；這樣復選框的樣式就可以通過top、left進行設置，達到對齊的目的。