css - CSS浮动正确问题

Question

我有这个问题...我有一段文字，然后是我想要浮动的按钮：对，然后我有一个只是边框的 div ......就像这样

TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT
<div style="float:right;">button</div>
<div class="dotline"></div>

我的问题是顺序是文本，虚线，然后是按钮，当它应该是文本，按钮和虚线时，我该如何解决这个问题？

这是 dotline 类的 css

.dotline {
    border-top: 1px dotted #B0B0B0;
    height: 1px;
    margin: 10px 0;
}

score 2 · Accepted Answer

清除浮动：

.dotline {
    border-top: 1px dotted #B0B0B0;
    height: 1px;
    margin: 10px 0;
    clear : both;
}

score 0 · Accepted Answer

您可以剪切按钮的浮动。

您可以将 clear: both 添加到按钮

或在按钮后插入一个新的 cleafix div。

无论如何，您应该停止按钮浮动以获得正确的顺序。

2 回答 2