# 013: CSSing Navigačná štruktúra - Triky CSS

Anonim

Pomocou niektorých trikov na umiestnenie sme zarovnali ľavý okraj loga a hlavnú oblasť obsahu, pričom hlavička sa stále dotkla ľavého okraja stránky.

Navigačné bloky sú v najširšej šírke 1/8 šírky nav rodiča. Nastavili sme ich na vložené blokovanie, aby prijali túto šírku. Nakoniec sme kvôli chybám v zaokrúhľovaní subpixelov museli nastaviť šírku skôr na 12,49% než na 12,5%.

Zistili sme spôsob, ako dostať spodný tieň navigácie, ale trochu sa obávame použitej techniky. Musíme obrátiť z-index každej z položiek ponuky tak, aby boli prvé prvky „na vrchu“, a postupne zostupovať jeden po druhom, nie posledný. Na to používame rad :nth-childselektorov.