Se me ocurrió ver un div que tenía el estilo de clear:both! ¿Cuál es el uso de clear en style?

<div style="clear:both">
InformationsquelleAutor thomasbabuj | 2009-06-18

3 Comentarios

  1. 244

    clear:both hace que el elemento de caer por debajo de cualquier flotando elementos que le preceden en el documento.

    También puede utilizar clear:left o clear:right para hacerla caer por debajo sólo aquellos elementos que han estado flotando a la izquierda o a la derecha.

    +------------+ +--------------------+
    |            | |                    |
    | float:left | |   without clear    |
    |            | |                    |
    |            | +--------------------+
    |            | +--------------------+
    |            | |                    |
    |            | |  with clear:right  |
    |            | |  (no effect here,  |
    |            | |   as there is no   |
    |            | |   float:right      |
    |            | |   element)         |
    |            | |                    |
    |            | +--------------------+
    |            |
    +------------+
    +---------------------+
    |                     |
    |   with clear:left   |
    |    or clear:both    |
    |                     |
    +---------------------+
    • CUIDADO CON EL FLOTADOR ERROR! positioniseverything.net/explorer/floatIndent.html
    • También se hace div padre para adaptarse a la altura.
    • el error se refiere a que sólo es aplicable para Internet Explorer 6 en Windows XP. Es una buena cosa que no necesitamos el apoyo de la mayoría de las veces estos días.
    • sí, esto es cierto. Mi comentario es de 2009, cuando estaba siendo aplicables.
  2. 20

    Sólo para añadir a RichieHindle la respuesta, echa un vistazo Floatutorial, que lo guiará a través de cómo CSS flotante y limpieza de obras.

    • El 15 de Febrero de 2016, yo era incapaz de conectar con el servidor para Floatutorial (conexión rechazada en el puerto 80).
  3. 3

    Cuando se utiliza flotar sin ancho, queda algo de espacio en la fila. Para bloquear este espacio que usted puede utilizar clear:both; en el siguiente elemento.

Dejar respuesta

Please enter your comment!
Please enter your name here