下拉CSS菜单签约

Question

我已在网站中实施了一个下拉菜单：

http://www.gardensandhomesdirect.co.uk/

然而，下拉本身似乎过早收缩。当从初始按钮移动到下拉列表中的选项时，有时难以保持下拉列表打开。

这是代码的问题还是影响它的东西？我有什么可以做的吗？

谢谢！

Answer 1

你的下拉式div .dropdown_Xcolumns有一个margin 4px，当鼠标位于这些4px时，它会打破悬停（除非它的速度非常快！）..删除顶部保证金，一切都应该好。

如果您希望<li>和下拉列表div之间存在差距，请在该div上尝试使用顶部白色边框

或者，保留上边距，并将4px底部填充添加到容器<li>以使它们更好地相遇

Answer 2

尝试在menu.css中为margin: 4px auto;的{​​{1}}更改为margin: 2px auto;

Answer 3

您可以尝试将填充添加到每个li元素。它增加了悬停区域的有效表面积。当用户将鼠标悬停在顶部导航栏上并显示子菜单时，用户可以向下移动鼠标，并且由于他现在仍在填充区域内，因此悬停仍然处于激活状态。