Javascript jQuery和CSS下拉列表、悬停和下拉列表消失

Javascript jQuery和CSS下拉列表、悬停和下拉列表消失,javascript,jquery,html,css,drop-down-menu,Javascript,Jquery,Html,Css,Drop Down Menu,我看到很多人问过这个问题,但我发现没有一个有用。我有一个下拉列表,显示在列表链接的悬停处,下拉列表中的第一个链接悬停并没有问题。但是,当我在第二个链接上悬停时,下拉列表消失了。我不明白我做错了什么 在此处输入code删除应用于ul元素的硬宽度 #cssmenu > ul li.has-sub ul { text-align: left; display: none; /* width: 24px; */ position: absolute; mar

我看到很多人问过这个问题,但我发现没有一个有用。我有一个下拉列表,显示在列表链接的悬停处,下拉列表中的第一个链接悬停并没有问题。但是,当我在第二个链接上悬停时,下拉列表消失了。我不明白我做错了什么


在此处输入code

删除应用于
ul
元素的硬宽度

#cssmenu > ul li.has-sub ul {
    text-align: left;
    display: none;
    /* width: 24px; */
    position: absolute;
    margin: 0;
    padding: 0;
    list-style-type: none;
    background: #ffffff;
    border: 1px solid #ece6e8;
    border-bottom: 3px solid #d9ced2;
    border-top: 0 none;
}

宽度不是24px。悬停工作正常,但仅在前24像素。删除宽度设置,这样效果很好

...
#cssmenu > ul li.has-sub ul {
  text-align: left;
  display: none;
  width: 24px;
...

嗯,出于某种原因,第二次选择仍然会导致下拉列表消失。如果编辑器说如果你链接了一个JSFIDLE,你应该添加代码,那么你当然可以通过在代码块中添加伪代码来欺骗系统,但这并不能使你的问题变得更好。对于你的问题,你只会吸引到低票和接近票。如果编辑拒绝保存您的问题,请修复您的问题,而不是试图欺骗系统。