webentwicklung-frage-antwort-db.com.de

Wie kann ich aufhören, links zu schweben?

Ich habe folgenden Code:

<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>

Mein Problem ist, dass das div mit class adm nach links schwimmt und somit in der gleichen Zeile wie die Beschriftung und zwei Eingabeschaltflächen verläuft. Gibt es eine Möglichkeit, wie ich diese Verschiebung vom Floating weg machen kann?

86
TonyG

Ein Standardansatz besteht darin, ein Clearing-Div zwischen den beiden Elementen auf Floating-Blockebene hinzuzufügen:

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

Manchmal funktioniert klar nicht. Verwenden Sie float: none als Überschreibung

53
DanKodi

Sie können .adm ändern und hinzufügen

.adm{
 clear:both;
}

Das sollte es zu einer neuen Linie bewegen

27
Brett

füge style="clear:both;" zu der "adm" div hinzu.

9
tjm

Okay, ich habe gerade realisiert, dass die Antwort darin besteht, den ersten Float aus dem ersten DIV zu entfernen. Weiß nicht, warum ich das vorher nicht gesehen habe. 

4
TonyG

Sie sollten auch die "clear" -Eigenschaft in css auschecken, falls das Entfernen eines Floats keine Option ist

3
Trey

Der css clear: left in Ihrer adm-Klasse sollte das div mit den darüber liegenden Elementen schweben lassen.

3
Chris Kent

Verwenden Sie Clear: Beide; Danke nicht ???? 

0
Piotr Naumiuk

Fügen Sie einfach overflow:hidden im ersten div -Stil hinzu. Das sollte genug sein.

0
sunny