# 013: CSSing навігаційної структури - CSS-хитрощі

Anonim

Ми використовуємо деякі прийоми позиціонування, щоб вирівняти лівий край логотипу та основну область вмісту, залишаючи при цьому заголовок торкатися лівого краю сторінки.

Блоки навігації, при найширшій ширині, дорівнюють 1/8 ширини навігаційного батьківського елемента. Ми встановлюємо їх для вбудованого блоку, щоб вони прийняли таку ширину. Врешті-решт нам доводиться встановлювати ширину 12,49%, а не 12,5% через помилки округлення субпікселів.

Ми знаходимо спосіб запустити нижню тінь навігації, але трохи стурбовані використовуваною технікою. Нам потрібно змінити z-індекс кожного з пунктів меню таким чином, щоб перші елементи були «зверху» і сходили один за іншим, а не останнім. Для цього ми використовуємо серію :nth-childселекторів.