मेरे पास एक क्षैतिज अभिभावक सूची है। कुछ सूची आइटम क्लिक किए जाने पर एक नेस्टेड वर्टिकल सूची प्रदर्शित करते हैं। मैं अभिभावक उप सूची में आइटम को पैरेंट सूची आइटम के समान चौड़ाई के रूप में कैसे बल दूं?मैं नेस्टेड सूची आइटम को पैरेंट सूची आइटम के समान चौड़ाई के लिए कैसे मजबूर करूं?
jsFiddle देखें।
HTML:
<ul class="mainMenu horizontalMenu bulletless fullWidth bold">
<li class="showSubMenu">
<div>Resumes & Cover Letters ▾ </div>
<ul class="mainSubMenu bulletless">
<li><a>Resumes</a></li>
<li><a>Cover Letters</a></li>
<li><a>Interviews</a></li>
</ul>
</li><li><a>Other Link</a>
</li><li><a>Other Link</a></li>
</ul>
सीएसएस:
.horizontalMenu li{
display: inline-block;
}
.mainMenu > li{
border: 1px solid black;
}
.mainMenu a, .mainMenu div{
display: block;
padding: 10px 20px;
}
.mainSubMenu{
position: absolute;
}
+1 - बढ़िया काम प्रश्न पूछ! –