css - elementos - ¿Cómo puedo dejar de flotar a la izquierda?

flotar elementos en css

Question

Tengo el siguiente código:

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

Mi problema es que el div con clase adm flota a la izquierda y va en la misma línea que la etiqueta y dos botones de entrada. ¿Hay alguna manera de que pueda alejar este cambio de la flotación?

Answer 1

A veces claro no funcionará. Usar float: none como anulación

Answer 2

De acuerdo, me acabo de dar cuenta de que la respuesta es eliminar el primer flotador del primer DIV. No sé por qué no lo vi antes.

Answer 3

El css clear: left en tu clase de adm. Debería detener el div flotando con los elementos que están sobre él.

Answer 4

Puede modificar .adm y agregar

.adm{
clear:both;
}

Eso debería hacer que se mueva a una nueva línea

Answer 5

También debe verificar la propiedad "clear" en css en caso de que eliminar una flotación no sea una opción

Answer 6

Un enfoque estándar es agregar un divisor de compensación entre los dos elementos de nivel de bloque flotante:

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

Answer 7

agregar style="clear:both;" a la div "adm"