Étape 4: Faites deux div à la div pour la navigation et le contenu réel du contenu
Entre la balise de contenu ; vous allez ajouter le nouveau code :
< div id = « content » class = « clearfix » >
< div id = « nav » >
Navigation
< / div >
< div id = « maincontent » >
Contenu principal
< / div >
< / div >
Nous allons ajouter du code css pour afficher la navigation et la div contenu principal ;
div #nav {}
Largeur : 200px ;
float : left ;
Background : orange ;
}
div #maincontent {}
Width : 600px ;
float : right ;
fond : rose ;
}
Remarque le fait que ces deux div est tous deux des flottants. Si nous n’avions pas mis le code clearfix supplémentaire à l’étape précédente, les divs flotterait à l’extérieur de la div environnantes. Avec la méthode clearfix, nous nous assurerons que cela n’arrive pas.