Det mest grundläggande i en div-baserade webbplats (5 / 7 steg)
Steg 5: Lägga till några extra Divar för struktur i navigering
Ändra följande bit kod:
< div id = "nav" >
< div class = "navblock" >
< ul >
Foo < /li > < li >
< li > Bar < /li >
< /ul >
< / div >
< / div >
Vi ska nu ad en bit kod för att definiera hur div "navblock" har som ska visas.
Observera att navblock har en klass, inte ett id. Anledningen till detta är enkel; Divar med id visas endast en gång (navigation block, sidhuvud, sidfot,...). Divar med klasser kan visas mer än en gång. Här använder vi en klass. Bara i fall vi vill lägga till ett annat navigering block senare.
div.navblock {
bredd: 180px;
marginal: 5px auto;
Border: 1px solid röd;
}
Om vi vill lägga till ett annat block av navigering, du måste bara lägga till en ny < div class = "navblock" >... < / div > struktur.
Din kod nu ut så här;
< div id = "nav" >
< div class = "navblock" >
< ul >
Foo < /li > < li >
< li > Bar < /li >
< /ul >
< / div >
< div class = "navblock" >
< ul >
< li > Boo < /li >
< li > långt < /li >
< /ul >
< / div >
< / div >