# 013: CSSing-navigointirakenne - CSS-temppuja

Anonim

Käytämme joitain paikannustemppuja linjaamaan logon vasen reuna ja pääsisältöalue samalla, kun otsikko koskettaa silti sivun vasenta reunaa.

Suurimmalla leveydellä olevat navigointilohkot ovat 1/8 nav-ylätason leveydestä. Asetamme heidät riviin, jotta he hyväksyvät tuon leveyden. Loppujen lopuksi meidän on asetettava leveys 12,49%: iin eikä 12,5%: iin alipikselien pyöristysvirheiden vuoksi.

Me keksimme tavan saada navigoinnin alin varjo menemään, mutta olemme hieman huolissamme käytetystä tekniikasta. Jokaisen valikkokohdan z-indeksi on käännettävä niin, että ensimmäiset elementit ovat "päällä" ja astuvat alaspäin yksi kerrallaan viimeisen sijaan. Tätä varten käytämme useita :nth-childvalitsimia.