Paso 4: Haga dos divs en el div contenido para la navegación y contenido
Entre la etiqueta de contenido; a añadir el nuevo código:
< div id = "contenido" class = "clearfix" >
< div id = "nav" >
Navegación
< / div >
< div id = "maincontent" >
Contenido principal
< / div >
< / div >
Vamos a añadir un código css para mostrar la navegación y div de contenido principal;
div #nav {}
width: 200px;
Float: left;
fondo: naranja;
}
{} div #maincontent
ancho: 600px;
flotador: derecho;
fondo: color de rosa;
}
Tenga en cuenta el hecho de que estos dos divs son flotantes. Si no hubiésemos puesto el código clearfix extra en el paso anterior, los divs flotaría fuera el div circundante. Con el método clearfix, nos aseguraremos de que eso no ocurre.
