CSS浮动权问题

我有这个问题…我有一段文字，然后是一个按钮，我想有一个浮动：对，然后我有一个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 {
    border-top: 1px dotted #B0B0B0;
    height: 1px;
    margin: 10px 0;
    clear : both;
}

---

您可以剪切按钮的浮动

您可以将“清除：两者”添加到按钮

或在按钮后插入新的CLEFIX div

---

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

@AlienWebguy-+1，直到

清除：两个。你能不能对
clear的内容进行一点扩展：两者都是请更改？
clear:both
清除两侧的浮动DOM元素流。这就像浮动位置的重置。
.dotline {
    border-top: 1px dotted #B0B0B0;
    height: 1px;
    margin: 10px 0;
    clear : both;
}