En el marcado de este documento el orden de los bloques es: Contenido 1, contenido 2 y contenido 3.
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%;
}
#contenido1 * {
margin-left: 20%;
margin-right: 150px;
}
#contenido1 * * {
margin-left: 0;
margin-right: 0;
}
#contenido2,
#contenido3 {
float: left;
}
#contenido2 {
width: 20%;
margin-left: -100%;
}
#contenido3 {
width: 150px;
margin-left: -150px;
}
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.
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. 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.
Este es el pie del documento. Generalmente incluye información adicional acerca del propio documento o del sitio web.