# 013: CSSing Navigation Structure - CSS-tricks

Anonim

Vi använder några positioneringstrick för att ställa in logotypens vänstra kant och huvudinnehållsområdet, samtidigt som rubriken berör sidans vänstra kant.

Navigationsblocken, vid den bredaste bredden, är 1/8 bredden på nav förälder. Vi sätter dem till inline-block så att de accepterar den bredden. Det slutar med att vi måste ställa in bredden till 12,49% snarare än 12,5% på grund av subpixelavrundningsfel.

Vi räknar ut ett sätt att få navigeringens bottenskugga, men är lite oroliga över den använda tekniken. Vi måste vända z-indexet för vart och ett av menyalternativen så att de första elementen är "överst" och steg ner en efter en snarare än den sista. Vi använder en serie :nth-childväljare för att göra detta.