我有链接和子菜单的导航菜单。我希望子菜单的最小宽度是链接的宽度。CSS有可能吗?我正在使用LESS,如果有帮助的话。
<ul>
<li>
<a href="">Item FooBarBaz</a>
<ul class="submenu">
<li><a>sub1</a></li>
<li><a>sub2</a></li>
<li><a>sub3</a></li>
</ul>
</li>
<li>
<a href="">Item FooBarBazZipBamBop</a>
<ul class="submenu">
<li><a>sub1</a></li>
<li><a>sub2</a></li>
<li><a>sub3</a></li>
</ul>
</li>
</ul>
我希望每个ul.submenu
人都具有上一个同级锚的最小宽度。显然,对于每个子菜单,这可能是一个不同的值。CSS有可能吗?还是jquery,javascript更好的解决方案?
当然。这是一个示例:http : //jsfiddle.net/SeKT9/
ul
{
margin:0;
padding:0;
list-style:none;
}
body > ul > li
{
float: left;
position: relative;
}
ul > li a
{
display: block;
margin: 5px;
}
ul > li:hover > ul
{
display: block;
}
ul > li > ul
{
position: absolute;
min-width: 100%;
background-color: green;
display: none;
}
ul > li > ul > li
{
display: block;
}
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句