# 013: CSS Печене на навигационната структура - CSS-трикове

Anonim

Използваме някои трикове за позициониране, за да подредим левия край на логото и основната област на съдържанието, като същевременно заглавката докосва левия ръб на страницата.

Навигационните блокове с най-широка ширина са 1/8 от ширината на навигационния родител. Настроихме ги за вграден блок, за да приемат тази ширина. В крайна сметка трябва да зададем ширината на 12,49%, а не на 12,5% поради грешки в закръгляването на субпиксела.

Измисляме начин да подкараме долната сянка на навигацията, но се притесняваме малко за използваната техника. Трябва да обърнем z-индекса на всеки от елементите на менюто, така че първите елементи да са „отгоре“ и да се оттеглят един по един, а не последния. За целта използваме поредица от :nth-childселектори.