У меня есть горизонтальная навигация, от которой я хочу отделить горизонтальную вспомогательную навигацию. Проблема в том, что у меня встроенный дисплей вспомогательной навигации, хотя он имеет абсолютную позицию. Я знаю, что есть проблемы с использованием встроенного дисплея, когда у вас есть абсолютная позиция. Он работает так, как я хочу, с фиксированным дисплеем, но я не хочу, чтобы он был фиксированным ... Кто-нибудь знает альтернативу этому? Кроме того, я не могу просто установить ширину для вспомогательной навигации, потому что каждое из подменю будет иметь разную ширину.
<style>
ul li {
float: left;
position: relative;
}
#primary-nav ul li ul {
position: relative;
top: 42px;
display: none;
width:100%;
}
#primary-nav ul li ul li {
list-style:none outside none;
margin-left:20px;
float:left;
z-index: 1000;
}
#primary-nav ul li:hover ul {
display:inline;
position:absolute;
}
</style>
<ul class="menu">
<li>menu Item</li>
<li>drop down</li>
<ul class="submenu">
<li>dropdown Item</li>
<li>dropdown Item</li>
</ul>
</ul>