# 013: CSS struktury nawigacji - CSS-Tricks

Anonim

Używamy kilku sztuczek pozycjonujących, aby wyrównać lewą krawędź logo i główny obszar treści, jednocześnie trzymając nagłówek dotykający lewej krawędzi strony.

Najszersze bloki nawigacyjne mają 1/8 szerokości elementu nadrzędnego nawigacji. Ustawiliśmy je na inline-block, aby zaakceptowały tę szerokość. Ostatecznie musimy ustawić szerokość na 12,49% zamiast 12,5% z powodu błędów zaokrąglania subpikseli.

Zastanawiamy się, jak uruchomić dolny cień nawigacji, ale trochę martwimy się zastosowaną techniką. Musimy odwrócić indeks z każdego elementu menu, tak aby pierwszy element znajdował się „na górze” i schodzić w dół jeden po drugim, a nie ostatni. W tym celu używamy szeregu :nth-childselektorów.