css - CSS下拉菜单收缩

标签 css navigation drop-down-menu

我在网站中实现了一个下拉菜单,在这里:

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

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

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

谢谢!

最佳答案

您的下拉 div .dropdown_Xcolumns有顶margin4px ,当鼠标位于这些 4px 上时,它会破坏悬停(除非它完成得非常快!)..删除顶部边距,一切都应该很好。

如果您想要 <li> 之间的间隙效果和下拉菜单 div - 尝试在该 div 上使用顶部白色边框

或者,保留上边距,并向容器添加 4px 底部填充 <li>让他们更好地见面

关于css - CSS下拉菜单收缩,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6264457/

相关文章:

html - 元素与自定义 Bootstrap Header 重叠,使用带有自定义 CSS 的默认按钮和图像作为 Logo

javascript - Cookie 和 javascript 导航(标签)

jquery - Owl Carousel 导航箭头在 WordPress 上不起作用

css - 导航包装器后面的 z-index 第二层下拉菜单

javascript - 所选 HTML 不适用于 Angular 6

html - 列布局中的表单 - 输入和标签的意外行为

带有起始索引的 HTML 嵌套编号列表

java - 如何在图形下方的中心添加按钮并将其与 javafx 中的 Controller 文件对齐?

ios - iOS webview 中的 URL 导航栏

javascript - 为什么我的下拉菜单卡住了?网页格式