float:left

Curso de HTML

6.  
16.  
17.  
23.  
32.  
34.  
36.  
37.  
38.  
40.  
45.  
46.  
47.  
52.  
54.  
56.  
59.  

Contactar con el profesor

Elementos con float:left se irán posicionando horizontalmente.

  • Es necesario indicar este estilo tanto a la capa sobre la que me apoyó como a la capa que se apoya.
  • Este posicionamiento hace que la capa contenedora de los div con float no crezca según estos van creciendo. Para solucionarlo, puedo poner overflow:auto u overflow:hidden a la capa contenedora.
  • El estilo clear:right hace que cuando usas float no quepan elementos a la derecha. El estilo clear:both hace que no quepan a ambos lados.
.iceburg{
	position:fixed
}
.titanic{
	float:none
}

Ejercicio float left

Modificar el ejercicio de página sencilla para que funcione con float:left.

Ver ejercicio resuelto
← display:block, inline, inline-block
Ejercicio 3 columnas →

Aviso Legal | Política de privacidad