为什么我的subnav如此跳跃？ （链接消失后再点击它们）

Question

http://kenbrook.org

你会看到主导航有一个subnav，左边有元素浮动（我认为*），但是当你将鼠标悬停在主导航项目上，然后尝试转到子导航项目时，它们会在你点击之前消失他们！我无法弄清楚为什么会这样。

*我设计了这个网站，另一个开发人员构建了它，但是提前投入使用，所以我要完成构建。他对使用CSS进行布局是一个新手，并且不确定这个bug是不好的CSS实现，还是用于生成这个导航系统的ModX插件的效果。

额外信息 - 该网站建立在ModX上 - 导航是一个名为Wayfinder（？）的插件 - 导航使用javascript，但也许最好只用CSS创建？

Answer 1

假设你正在“夏令营”上空盘旋，你将鼠标慢慢向子菜单移动，似乎只要你退出“夏令营”蓝色背景，子菜单就会消失。

这告诉我子菜单没有完全对齐主菜单......必须有一个小的间隙，当你将鼠标悬停在它上面时，你会丢失子菜单。确保您的路线准确无误。

Answer 2

这是dropline.css中的菜单链接定义。您的链接高度设置为37px，但#navbar高39 px。这造成了赫里斯托所谈论的差距。您可以像这样修复它：

.menu ul {padding:0; margin:0; list-style-type: none;}
.menu ul li {float:left;}
.menu ul li a, .menu ul li a:visited {
     display:block;
     float:left;
     text-decoration:none;
     height:39px;
     line-height:39px;
}

这会略微错误地对齐菜单的背景图像，但您应该能够调整其大小和/或位置以进行修复。