我最近使用Google教程创建了一个纯css下拉菜单。
我有一个问题：
如果我向第二级ul提供一小部分余额，当您悬停在ul和父li之间的差距时，下拉消失。
有没有办法解决这个不涉及Javascript的问题？
请参阅此处的演示：http://jsfiddle.net/ba76n/2/
答案 0 :(得分：2)
使用padding-top代替margin-top。
看到它有效。 http://jsfiddle.net/ba76n/5/
答案 1 :(得分：2)
该边距导致鼠标掉落“鼠标悬停”状态，没有它就可以正常工作。
如果切换到padding-top:.5em;，它应该按预期工作。这是因为边距在块元素的外部，而填充在内部。
答案 2 :(得分：2)
使用padding-top代替margin-top，因为在块外部应用了边距，因此当您尝试选择子菜单时，它会出现在边距上并且块被更改，因此子菜单会消失
答案 3 :(得分：0)
http://jsfiddle.net/ba76n/9/更新了你的小提琴...希望它有所帮助：）
（刚从下拉列表中移除了边距顶部并添加了边框）