web-dev-qa-db-fra.com

Comment puis-je arrêter le flotteur à gauche?

J'ai le code suivant:

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

Mon problème est que la div avec la classe adm flotte à gauche et va donc sur la même ligne que l'étiquette et les deux boutons de saisie. Y at-il un moyen que je puisse faire ce changement de flotter?

csshtmlcss-float
86
TonyG

Une approche standard consiste à ajouter une division de compensation entre les deux éléments de niveau de bloc flottant:

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

Parfois clair ne fonctionnera pas. Utilisez float: none comme substitut

53
DanKodi

Vous pouvez modifier .adm et ajouter

.adm{
 clear:both;
}

Cela devrait le faire passer à une nouvelle ligne

27
Brett

ajoutez style="clear:both;" au "adm" div.

9
tjm

Ok, je viens de me rendre compte que la solution consiste à supprimer le premier flottant de la première division. Je ne sais pas pourquoi je n'ai pas vu ça avant. 

4
TonyG

Vous devriez également vérifier la propriété "clear" dans css au cas où la suppression d'un float n'est pas une option

3
Trey

Le css clear: left de votre classe adm devrait arrêter la div avec les éléments qui le précèdent.

3
Chris Kent

Vous devriez utiliser Clear: both; Don't thanks ???? 

0
Piotr Naumiuk

Ajoutez simplement overflow:hidden dans le premier style div. Cela devrait suffire.

0
sunny