.clearfix
.clearfix es un hack CSS para hacer que un elemento de bloque que contiene elementos flotantes en su interior se adapte a la altura de estos sin tener que introducir la altura manualmente. O lo que es lo mismo, te saca de un apuro :P.
CSS:
-
.clearfix:after {
-
content: ".";
-
display: block;
-
height: 0;
-
clear: both;
-
visibility: hidden;
-
}
-
-
.clearfix {display: inline-block;}
-
-
/* Hides from IE-mac \*/
-
* html .clearfix {height: 1%;}
-
.clearfix {display: block;}
-
/* End hide from IE-mac */
Esto viene de:
Comentarios
Buenísimo!
Esto me viene de perlas ;)
Esto no hace lo mismo: ?
Pues se me comió la instrucción el campo de entrada, por lo que mi respuesta quedó un poco “extraña”. Nosotros en Quadrícula utilizamos
” <br style="clear:both" /> ” que hace lo mismo que la classe CSS que explicas.
Saludos
PS a ver si ahora si se ve
a ver, el tema es que ponerle un
con un clear:both va en contra de la semántica de la web (tener que añadir etiquetas HTML para formatear la presentación). Es por eso que es importante poder hacer este tipo de cosas siguiendo la semántica de la web, es decir:
Utilizar cada etiqueta para lo que ha sido creada.
Por cierto, bienvenidos quadriculos por mis tierras :P
Deja un comentario