float:left en CSS

Por 9.99€ al mes tendrás acceso completo a todos los cursos. Sin matrícula ni permanencia.

Curso de HTML

29.  
30.  
33.  
36.  
51.  

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.

← display:block, inline, inline-block
Ejercicio de maquetación con display →