下拉菜单无法正常显示

下拉菜单一部分无法正常显示,鼠标下移向ul下的li的时候li会消失
这个问题出现在我调整div块宽度之后 所以是否和这有关?
代码:http://runjs.cn/detail/d1yjzyaj
ps.我把rightheader的宽度调窄后恢复正常菜单变多,调宽之后变少
http://runjs.cn/detail/6ed7t8hv修改过之后所有二级li都有问题了

附加:大姐头指点是鼠标离开li之后触发mouseout一语点醒了我。。。。可是为什么原来是好的呢
附加:没有点醒,我还是不会

阅读 2.3k
1 个回答

图片描述
响应事件的只有红绿交接的几像素;UI高度35px,LI溢出了;但是仍然可见,但是不响应js事件了;
改了几下,正常了;兼容性没测试;你可以试试;

.nav>li {
    width: auto;
}
.header {
    width: 1260px;
}
.leftheader {
    position: relative;
    display: inline-block;
    height: 35px;
}
.rightheader {
    float: right;
    width: auto;
}

图片描述

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题