Clearfix CSS Hack

Publicado por Nikko el dia 17 Feb 2008 - Guardado en CSS, Diseño Web Leido 1,857 Veces

.clearfix es un hack CSS que permite que los elementos flotantes dentro de un Div se adapten lo mejor posible o con mejores resultados.

Resultado

CSS:
/* slightly enhanced, universal clearfix hack */
.clearfix:after {
        visibility: hidden;
        display: block;
        font-size: 0;
        content: " ";
        clear: both;
        height: 0;
 }

.clearfix {
        display: inline-block;
 }

/* start commented backslash hack \*/

* html .clearfix {
        height: 1%;
 }

.clearfix {
        display: block;
}
/* close commented backslash hack */

Via rudeworks

Publicado por Nikko

Soy un diseñador y desarrollador web situado en la Patagonia Argentina. Disfruto testear y conocer nuevos scripts, además de experimentar nuevas técnicas tanto en impresión como en desarrollo web. Como propietario de Patagonia Creative, divido mi tiempo entre la empresa, trabajos para Pymes, ONG y Gob. ////////// Facebook / linkedin / xing

Nikko ha publicado 1142 posts en Xyberneticos - Leer todos mis articulos Nikko

Comments are closed.



Nombre: (Necesario)

E-mail: (Necesario)

Website:

Escribe tu comentario: