# 013: CSSing navigační struktury - Triky CSS

Anonim

Pomocí několika pozičních triků jsme zarovnali levý okraj loga a hlavní oblast obsahu, přičemž záhlaví se stále dotklo levého okraje stránky.

Navigační bloky v nejširší šířce mají 1/8 šířky nadřazeného prvku. Nastavili jsme je na inline-block, aby tuto šířku přijali. Nakonec jsme museli nastavit šířku na 12,49% místo na 12,5% kvůli chybám zaokrouhlování subpixelů.

Přišli jsme na způsob, jak spustit spodní stín navigace, ale trochu se obáváme použité techniky. Musíme obrátit z-index každé z položek nabídky tak, aby první prvky byly „nahoře“ a postupně jeden po druhém místo posledního. K tomu používáme řadu :nth-childselektorů.