# 13: नेविगेशन संरचना को मजबूत करना - सीएसएस-ट्रिक्स

Anonim

हम कुछ पोजीशनिंग ट्रिक्स का उपयोग करके लोगो के बाएं किनारे और मुख्य सामग्री क्षेत्र को पंक्तिबद्ध करते हैं, जबकि हेडर अभी भी पृष्ठ के बाएं किनारे को स्पर्श करता है।

नेविगेशन ब्लॉक, सबसे चौड़ी चौड़ाई पर, नव माता-पिता की चौड़ाई 1/8 है। हम उन्हें इनलाइन-ब्लॉक सेट करते हैं ताकि वे उस चौड़ाई को स्वीकार करें। सबपिक्सल राउंडिंग त्रुटियों के कारण हम 12.5% ​​के बजाय 12.49% की चौड़ाई निर्धारित करते हैं।

हम नेविगेशन की निचली छाया को प्राप्त करने का एक तरीका जानते हैं, लेकिन उपयोग की जाने वाली तकनीक के बारे में थोड़ा चिंतित हैं। हमें मेनू आइटम में से प्रत्येक के जेड-इंडेक्स को उलटने की आवश्यकता है ताकि पहला तत्व "शीर्ष पर" हो और पिछले एक के बजाय एक-एक करके नीचे कदम रखें। हम :nth-childऐसा करने के लिए चयनकर्ताओं की एक श्रृंखला का उपयोग करते हैं।