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

我有一些代码，比如：

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

<a>Alink</a>

div{
    display: block;
float:left;
}

.second{
    clear:right;
}

首先
第二

我真的希望链接在下一行。目前它位于第二个。如何强制这些浮动之后的元素转到下一行。但我绝对不想让div占据整个页面的宽度。
将display:block添加到a标记并清除：两者都有
将显示：块添加到a标记并清除：两者
您可以明确定义float:left，仅用于第一个div

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

谢谢，这很有效，但有没有办法只修改div标记，以防我将这部分标记作为可重用标记的一部分，然后放在其他地方？@AnonyMouse您可以用带有父标记的div环绕，并将其css设置为overflow:auto；或者看看Musa的回答，我喜欢overflow:auto-way。谢谢，这很有效，但是有没有办法，只要修改div标记，以防我将这部分标记作为可重用标记的一部分，然后放在其他地方？@AnonyMouse你可以用带有父标记的div包围它，并将其css设置为overflow:auto；或者看看穆萨的回答很酷，我喜欢overflow:auto-way.close，但是div占据了整条线的宽度。第二个填满了剩下的部分。这是行不通的，因为我想在页面周围加一个边框，如果它的宽度超过了页面的宽度，就会显得不均匀。关闭，但是div会占据整个行的宽度。第二个填满了剩下的部分。这是行不通的，因为我想在周围加一个边框，如果它的宽度超过了页面的宽度，它看起来就会不均匀。