当悬停在下拉时发生的可怕的事情
当悬停在下拉时发生的可怕的事情
提问于 2013-09-03 18:58:19
当我试图创建一个下拉菜单时，我遇到了问题。(参见JSfiddle)当我悬停在菜单上时，导航菜单是从一边到另一边的。我从未见过任何其他能解决我的问题的地方
JSfiddle：http://jsfiddle.net/kavqc/2/
我想问题就出在这里：
.dropdown {
position:absolute;
top:62px;
left:0;
visibility:hidden;
background-color: red;
}PS:我英语不好的sry
回答 2
Stack Overflow用户
回答已采纳
发布于 2013-09-03 19:04:07
菜单向右跳的原因是由于margin-left样式：
.navbar-menu:hover {
...
margin-left: 200px; // remove this
...
}下面是您的jsFiddle，margin-left removed：http://jsfiddle.net/kavqc/3/
Stack Overflow用户
发布于 2013-09-03 19:09:09
正如@KevinJantzer所提到的-通过改变页边距来修正跳转-左转。
通过将position: relative添加到.li类中，修正菜单定位：
.li {
display:inline-block;
position: relative;
list-style:none;
}演示
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/18599556
复制相关文章
相似问题
腾讯云开发者
