`float：left;`的问题

Question

请参阅this fiddle。

基本上，我有两个div float: left;并由<br/>分隔。问题是div出现在另一个旁边，而不是在另一个之下显示一个，而中间有一个空格。

Answer 1

如果您希望它们显示在彼此之下，请不要使用float:left;

http://jsfiddle.net/XcV2v/2/

或者，您可以使用clear:both，但如果您没有使用float:left，那么删除此内容会更简单

Answer 2

您需要clear: left，如果愿意，可以使用margin-bottom:1em来弥补差距。 http://jsfiddle.net/zn5wA/1/

使用float:left <br>只会出现在浮动元素的旁边。

Answer 3

你只需要清除它们。

添加clear:both;

.container {
    float: left;
    border: solid 2px blue;
    clear:both;
}

示例：http://jsfiddle.net/XcV2v/1/

Answer 4

你需要先清除第一个浮点数再放一个浮点数。

以下可以帮助您：

<div id='div1' style=float:left>
....
</div>

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

<div id='div2' style=float:left>
...
</div>