javascript - 下拉菜单无法正常显示

问题描述

问 题

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

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

解决方案

响应事件的只有红绿交接的几像素；ＵＩ高度３５ｐｘ，ＬＩ溢出了；但是仍然可见，但是不响应ｊｓ事件了；
改了几下，正常了；兼容性没测试；你可以试试；

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

这篇关于javascript - 下拉菜单无法正常显示的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！