Atributo clear CSS

Definición y uso

La propiedad clear especifica qué lado del elemento no permite que otros elementos flotantes se muestren.

Explicación

La propiedad clear define qué lado del elemento no permite que aparezcan otros elementos flotantes. En CSS1 y CSS2, esto se logra aumentando automáticamente el margen superior externo del elemento que se limpia (es decir, el elemento que tiene la propiedad clear configurada). En CSS2.1, se añade un espacio de limpieza por encima del margen superior externo del elemento, sin cambiar el margen en sí. Cualquiera que sea el cambio, el resultado final es el mismo: si se declara como limpieza a la izquierda o a la derecha, la parte superior del borde externo del elemento estará justo debajo del borde inferior del margen externo del elemento flotante en ese lado.

Véase también:

Tutoriales CSS:Posicionamiento CSS

Manual de referencia de HTML DOM:Propiedad clear

Ejemplo

No se permiten elementos flotantes a los lados izquierdo y derecho de la imagen:

img
  {
  float:left;
  clear:both;
  }

Prueba tú mismo

Sintaxis de CSS

clear: none|left|right|both|initial|inherit;

Valor de la propiedad

Valor Descripción
left No permite elementos flotantes en el lado izquierdo.
right No permite elementos flotantes en el lado derecho.
both No permite elementos flotantes en ambos lados.
none Valor por defecto. Permite que los elementos flotantes aparezcan en ambos lados.
inherit Se especifica que el valor de la propiedad clear debe ser heredado del elemento padre.

Detalles técnicos

Valor por defecto: none
Herencia: no
Versión: CSS1
Sintaxis de JavaScript: object.style.clear="left"

Ejemplo TIY

Eliminar elementos laterales del elemento
Este ejemplo muestra cómo usar la eliminación de elementos flotantes laterales.

Compatibilidad del navegador

Los números en la tabla indican la versión del navegador que completamente soporta la propiedad.

Chrome IE / Edge Firefox Safari Opera
1.0 5.0 1.0 1.0 6.0