浮动到下一行后如何强制项目

Question

我有一些代码：

<div>First</div>
<div class="second">Second</div>

<a>Alink</a>

div{
    display: block;
float:left;
}

.second{
    clear:right;
}

http://jsfiddle.net/cg4gj/

我真的希望链接虽然在下一行。目前它位于第二位。如何在这些浮动之后强制元素转到下一行。我绝对不想让div占据页面的整个宽度。

Answer 1

将display：block添加到a标签并清除：两者 http://jsfiddle.net/cg4gj/3/

Answer 2

您可以为第一个div显式定义float：left

http://jsfiddle.net/cg4gj/9/