1 Fluido - 3 Fluido - 2 Rígido

En el marcado de este documento el orden de los bloques es: Contenido 1, contenido 2 y contenido 3.

Contenido 1

Para conseguir el layout de este ejemplo se ha utilizado el siguiente código en la css:

 #contenido1,
 #contenido2,
 #contenido3  {
 	position: relative;
 }
 #contenido1 {
 	float: left;
 	width: 100%;
 	margin-right: -20%;
 	margin-left: -150px;
 }
 #contenido1 * {
 	margin-right: 20%;
 	margin-left: 150px
 }
 #contenido1 * * {
 	margin-right: 0;
 }
 #contenido2 {
 	width: 150px;
 	float: right;
 }
 #contenido3 {
 	width: 20%;
 	float: left;
 }

Contenido 2

Rígido. Rígido. Rígido. Rígido. Rígido. Rígido. Rígido. Rígido. Rígido. Rígido. Rígido. Rígido. Rígido. Rígido. Rígido. Rígido. Rígido. Rígido. Rígido. Rígido. Rígido. Rígido. Rígido. Rígido. Rígido. Rígido. Rígido. Rígido. Rígido. Rígido. Rígido. Rígido. Rígido. Rígido. Rígido. Rígido. Rígido. Rígido. Rígido. Rígido. Rígido. Rígido. Rígido. Rígido. Rígido. Rígido. Rígido. Rígido. Rígido. Rígido. Rígido. Rígido. Rígido. Rígido. Rígido. Rígido. Rígido. Rígido. Rígido. Rígido. Rígido. Rígido. Rígido. Rígido. Rígido. Rígido. Rígido. Rígido. Rígido.

Contenido 3

Fluido. Fluido. Fluido. Fluido. Fluido. Fluido. Fluido. Fluido. Fluido. Fluido. Fluido. Fluido. Fluido. Fluido. Fluido. Fluido. Fluido. Fluido. Fluido. Fluido. Fluido. Fluido. Fluido. Fluido. Fluido. Fluido. Fluido. Fluido. Fluido. Fluido. Fluido. Fluido. Fluido. Fluido. Fluido. Fluido. Fluido. Fluido. Fluido. Fluido. Fluido. Fluido. Fluido. Fluido. Fluido. Fluido. Fluido. Fluido. Fluido. Fluido. Fluido. Fluido. Fluido. Fluido. Fluido. Fluido. Fluido. Fluido. Fluido. Fluido. Fluido. Fluido. Fluido. Fluido. Fluido. Fluido. Fluido. Fluido. Fluido. Fluido. Fluido. Fluido. Fluido. Fluido. Fluido. Fluido. Fluido. Fluido. Fluido. Fluido. Fluido. Fluido. Fluido. Fluido. Fluido. Fluido. Fluido. Fluido. Fluido. Fluido. Fluido. Fluido. Fluido. Fluido. Fluido. Fluido. Fluido. Fluido. Fluido. Fluido. Fluido. Fluido. Fluido. Fluido. Fluido. Fluido. Fluido. Fluido. Fluido. Fluido. Fluido.

Pie

Este es el pie del documento. Generalmente incluye información adicional acerca del propio documento o del sitio web.