web-dev-qa-db-ja.com

フロート左を停止するにはどうすればよいですか？

私は次のコードを持っています：

<div style="float: left; width: 100%;">
  <label style="float: left;">ABC</label>  
  <input style="float: left; font-size: 0.5em;" type="button"   onclick="addTiny(0,'Question_Text'); return false;" value="&#x25BC;" title="Editor" />   
  <input style="float: left; font-size: 0.5em;" type="button" onclick="remTiny(0,'Question_Text'); return false;" value="&#x25B2;" title="Hide" />   

  <div class="adm">
    <textarea rows="2;" style="width: 100%" class="text-box multi-line mceEditor">
      abc
    </textarea>
  </div>
</div>

私の問題は、クラスadmのdivが左にフロートし、ラベルと2つの入力ボタンと同じ行にあることです。このシフトをフローティングから遠ざける方法はありますか？

csshtmlcss-float
88
TonyG

標準的なアプローチは、2つのフローティングブロックレベル要素の間にクリアdivを追加することです。

<div style="clear:both;"></div>
94
Shad

時々クリアは動作しません。 float: noneをオーバーライドとして使用します

55
DanKodi

.admを変更して追加できます

.adm{
 clear:both;
}

それは新しい行に移動するはずです

28
Brett

style="clear:both;"を「adm」divに追加します。

9
tjm

答えは、最初のDIVから最初に残ったフロートを削除することだとわかりました。なぜ私は前にそれを見なかったのか分からない。

4
TonyG

また、フロートを削除することがオプションではない場合、cssの「clear」プロパティをチェックアウトする必要があります。

3
Trey

Admクラスのcss clear: leftは、上の要素でdivのフローティングを停止する必要があります。

3
Chris Kent

Clear：bothを使用する必要があります。感謝しませんか？???

0
Piotr Naumiuk

最初のdivスタイルにoverflow:hiddenを追加するだけです。それで十分でしょう。

0
sunny