css - CSSフロートのライツイシュー

Question

私はこの問題を抱えています...私はテキストの段落を持っています、そして私はfloat：rightを持ちたいボタンを持っていますそしてそれから私はちょうど境界線である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>

私の問題は、順序がテキスト、点線、ボタンの順になることですが、テキスト、ボタン、点線の順序である必要がありますが、これを修正するにはどうすればよいですか？

これがドットラインクラスの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