# 013: CSSing navigasjonsstrukturen - CSS-triks

Anonim

Vi bruker noen posisjoneringstriks for å rette opp venstre kant av logoen og hovedinnholdsområdet, mens du fortsatt har overskriften berørt venstre kant av siden.

Navigasjonsblokkene, i den bredeste bredden, er 1/8 bredden på nav forelder. Vi setter dem til inline-block slik at de aksepterer den bredden. Vi ender med å måtte sette bredden til 12,49% i stedet for 12,5% på grunn av feil med subpixels avrunding.

Vi finner ut en måte å få bunnen av skyggen av navigasjonen i gang, men er litt bekymret for teknikken som brukes. Vi må reversere z-indeksen til hvert av menyelementene slik at de første elementene er "på toppen" og trappe ned en etter en i stedet for den siste. Vi bruker en serie :nth-childvelgere for å gjøre dette.