# 013: CSS Melayari Struktur Navigasi - Trik CSS

Anonim

Kami menggunakan beberapa trik penentuan kedudukan untuk membariskan tepi kiri logo dan kawasan kandungan utama, sementara header masih menyentuh tepi kiri halaman.

Blok navigasi, pada lebar terluas, adalah 1/8 lebar nav induk. Kami menetapkannya untuk menyekat sebaris sehingga mereka akan menerima lebar itu. Kami akhirnya harus menetapkan lebar hingga 12.49% dan bukannya 12.5% ​​kerana kesalahan pembundaran subpixel.

Kami mencari cara untuk mendapatkan bayangan bawah navigasi, tetapi sedikit bimbang tentang teknik yang digunakan. Kita perlu membalikkan indeks-z dari setiap item menu supaya elemen pertama adalah "di atas" dan turun satu persatu daripada yang terakhir. Kami menggunakan rangkaian :nth-childpemilih untuk melakukan ini.