2011-06-01 8 views
76

Tengo el siguiente código:¿Cómo puedo dejar de flotar a la izquierda?

<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 la clase adm flota a la izquierda y así va en la misma línea que el dos botones de entrada etiqueta y. ¿Hay alguna manera de que pueda alejar este cambio de la flotación?

+4

try float: none – user1769790

Respuesta

4

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

81

Un enfoque estándar es añadir un div de compensación entre los dos elementos de bloque flotantes:

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

Pero en algunos casos debe agregar 'display: block' –

9

añadir style="clear:both;" a la "adm" div.

3

También debe comprobar fuera de la propiedad "claro" en css en el caso de la eliminación de un flotador no es una opción

3

El css clear: left en su clase adm debe detener la div flotante con los elementos por encima de ella.

25

Usted puede modificar y añadir .adm

.adm{ 
clear:both; 
} 

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

+0

Eso debería ser' .adm', creo. – tjm

43

veces claro que no va a funcionar. Use float: none como una anulación

+2

Sí, si desea sobrescribir una entrada de CSS existente 'float: left' (o right), entonces esta es la solución. –

Cuestiones relacionadas