html - CSS浮动对齐

Question

例如，我想在第一行文本中显示^一个“你的名字”输入框；然后float: left用于文本和输入框。在^第二行，我想显示相同的信息（文本添加文本框）。你怎么能做 2sup>nd 行（文本添加文本框）不加入第一^行（因为我正在使用float: left）？

我认为这不是<br/>解决这个问题的最佳方法。所以我该怎么做？

score 3 · Accepted Answer

3

插入一个 div 以清除行之间的浮动

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

于 2012-04-14T15:03:45.957 回答

score 2 · Accepted Answer

为防止信息出现在浮动元素旁边，请为它们提供clearCSS 属性，并将值设置为both或left。

该clear属性告诉渲染器它应该在同一父元素中的任何浮动元素下渲染。

score 0 · Accepted Answer

很难理解你想要它如何布局。您应该查看 CSSdisplay属性。

看看这是否有帮助：http: //jsfiddle.net/M68Qw/

3 回答 3