Foros del Web » Creando para Internet » CSS »

ClearFix

Estas en el tema de ClearFix en el foro de CSS en Foros del Web. Hola!! estube viendo un tutorial de css para ir aprendiendo más, pero en un momento, me doy cuenta que agrega en la parte de divs, ...
  #1 (permalink)  
Antiguo 31/01/2011, 23:50
Avatar de Jessi11  
Fecha de Ingreso: enero-2011
Mensajes: 29
Antigüedad: 6 años, 11 meses
Puntos: 1
Información ClearFix

Hola!! estube viendo un tutorial de css para ir aprendiendo más, pero en un momento, me doy cuenta que agrega en la parte de divs, el id de clearfix y no explica para qué se usa... luego le da modificaciones con css, y la verdad busqué información y no la encontré :( alguno tiene algún tutorial que explique, qué es? qué hace? y como se usa? tengo entendido que es un hack para ayudar a flotar las ventanas, pero sigue sin quedarme claro

por ejemplo:

div.clearfix{
width:1px;
height:1px;
display: block;
clear: both;
content:".";
}

Muchas gracias chicosss
  #2 (permalink)  
Antiguo 01/02/2011, 01:37
Avatar de ArturoGallegos
Moderador
 
Fecha de Ingreso: febrero-2008
Ubicación: Morelia, México
Mensajes: 5.826
Antigüedad: 9 años, 9 meses
Puntos: 953
Respuesta: ClearFix

el clearfix que tu muestras se usa para cuando tienes varios elementos con la propiedad float y deseas que el siguiente ya no siga el flujo de los elementos flotantes (que no se vea afectado por el float de sus hermanos) y se coloque abajo de ellos y no aun lado.

Tambien es comun cuando tienes un div padre con borde puedes apreciar que este no toma la altura de lo elementos hijos cuando estos tienen un float... Algunos desarrolladores para solventar el problema colocan al final un elemento con clear:both para hacer que el div padre tome la altura correctamente, aun cuando es mas recomendable usar un overflow:hidden.

Tambien puedes ver lo que dice la w3c
www.w3schools.com/Css/pr_class_clear.asp
__________________
Toda ayuda se proporciona exclusivamente en el foro, no skype, no mensajes privados u otro medio....
  #3 (permalink)  
Antiguo 01/02/2011, 02:04
Avatar de Jessi11  
Fecha de Ingreso: enero-2011
Mensajes: 29
Antigüedad: 6 años, 11 meses
Puntos: 1
Respuesta: ClearFix

Graciasss Ag666!!!! Me sirvió muchisimo!

Etiquetas: clearfix
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 14:48.