0

我使用 zurb 基金会创建了一个网站。我的问题是这个。当我带来浏览器大小并且导航菜单从类别更改为“菜单”一词时，我可以单击它并选择我想要导航到的类别。然而，当我选择一个有四个或更多选项的类别时，第四个和所有其他选项似乎都被切断了。我试图改变某些元素的 z-index 来弥补这一点和其他一些事情，但我没有解决这个问题。我在这里寻找类似的问题，但没有找到同样的问题。任何人都可以提供帮助吗？

4

2 回答 2

1

我也遇到过类似的问题。真奇怪。我尝试了添加Dan建议的附加项目的工作，但空间（尽管截止）对我来说太大了。就我而言，它是一个<ul>带有链接的列表。似乎对我有用的是在最后一个元素上设置下边距，如下所示：

<ul class='dropdown'>
   <li><a href='#link'>Item 1</a></li>
   <li><a href='#link'>Item 2</a></li>
   ...
   <li><a href='#link' style='margin-bottom:1em;'>Item n</a></li>
</ul>

或者，为了保持标记更清晰并保持样式，您可以使用 CSS：

.problem-dropdown li:last-child
{
    margin-bottom: 1em;
}

然后将该类添加problem-dropdown到给您带来问题的下拉列表中。

如果您有时间，问题是由设置nav.top-bar.expanded元素高度的代码引起的。如上设置margin-bottom可以使其为菜单设置正确的高度。在我的情况下，手动增加它解决了我的问题，所以我想你可以为事件编写一个 JS 监听器，然后在它之后修复它。但是，人们可能会考虑首先修复执行它的代码。

于 2015-05-06T00:11:35.783 回答
0

我有同样的问题。出于某种原因，当我在导航缩小时单击子菜单时，它会将其切断。

在此处输入图像描述

我已经尝试过，z-index，填充，甚至每个 li a 的背景颜色，但我相信高度是从 JS 编译的。

临时解决方案是在菜单中添加另一个 Div。

<li><a href="#">&nbsp;</a></li>

此获取已被切断，但这没关系，因为那里没有信息。希望这会有所帮助，直到创建更好的解决方案！

于 2013-07-02T15:45:31.560 回答