# 013: CSSing af navigationsstrukturen - CSS-tricks

Anonim

Vi bruger nogle positioneringstricks til at stille logoets venstre kant og hovedindholdsområdet op, mens vi stadig har overskriften ved at røre ved den venstre kant af siden.

Navigationsblokkene, i den bredeste bredde, er 1/8 bredden af ​​nav forælder. Vi indstiller dem til inline-block, så de accepterer den bredde. Vi ender med at skulle indstille bredden til 12,49% i stedet for 12,5% på grund af subpixel afrundingsfejl.

Vi finder ud af en måde at få bundskygge af navigationen i gang, men er lidt bekymrede over den anvendte teknik. Vi har brug for at vende z-indekset for hvert af menupunkterne, så de første elementer er "ovenpå" og træde ned en efter en i stedet for den sidste. Vi bruger en række :nth-childvælgere til at gøre dette.