CSS浮動對齊

Question

我想要顯示，例如，在1 ^st行文本，「你的名字」輸入框;然後使用float: left作爲文本和輸入框。在2 ^nd行中，我想顯示相同的信息（文本添加文本框）。你怎麼做2sup> nd行（文本添加文本框）不加入^st行（因爲我使用float: left）？

我不認爲<br/>是這個問題的最佳解決方案。所以我該怎麼做？

Answer 1

插入div來清除線

<div style="clear: left"></div> 

Answer 2

之間這是很難理解你想要的佈局你的浮動。您應該查看CSS display屬性。

看看這有助於：http://jsfiddle.net/M68Qw/

Answer 3

爲了防止信息被旁邊的浮動元素，給他們clear CSS屬性，無論使用哪種設置爲both或left值。

clear屬性告訴渲染器它應該呈現在同一父元素中的任何浮動元素下面。