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

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 : 块添加到 a 标签并清除：http: //jsfiddle.net/cg4gj/3/

Answer 2

您可以明确定义 float:left 仅用于第一个 div

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