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属性告诉渲染器它应该呈现在同一父元素中的任何浮动元素下面。