1

我正在尝试在“珠宝”下实现子导航菜单。问题是我想要两个菜单打开时之间有一个空格。为了实现这一点，我添加了“margin-top:5px;” 到子导航。它确实创建了空间，但是正如您所看到的，只要我将鼠标放到子导航上，它就会被取消选择。

实现这一目标的正确方法是什么？

nav ul ul {
margin-top:5px;
background-color: #101010;
color: #FFF;


}

链接到 jsfiddle

http://jsfiddle.net/2mpcQ/4/

4

4 回答 4

0

边框顶部：5px 实心#fff；

这将使菜单和子菜单之间出现空间。并且仍然会赋予它功能。

于 2013-02-14T19:56:50.230 回答
0

您可以使用 div 标签子菜单来获得所需的垂直空间。我已经修改了您的 jsfiddle 以供参考。

.rowheight {background: #fff; font-size: 5px;}  

 <ul>
  <li>
    <div class="rowheight">&nbsp;</div>
    <ul><li>Item</li></ul>
  </li>
</ul>

jsfiddle链接 -

http://jsfiddle.net/2mpcQ/25/

或者可以border-top: 5px solid #fff;用于嵌套的 ul 但它是不可控的。它将影响所有嵌套的 UL 标签。

希望这可以帮助！

于 2013-02-14T20:02:19.007 回答
0

如果您只想解决此问题，请尝试添加border-top到.nav ul ul( border-top:5px solid #fff;)。不过，您的问题是“实现这一目标的正确方法是什么？”。正如 Diodeus 所说，我认为正确的方法是设置“a”元素的样式。

于 2013-02-14T20:05:42.787 回答
0

您应该padding-top:5px在这个填充的 DOM 元素中使用和黑色子菜单

于 2013-02-14T19:31:59.677 回答