html - 如何删除 superfish 菜单 ul 和父 div 之间的间距

Question

我有使用 Superfish jquery 插件制作的菜单 http://users.tpg.com.au/j_birch/plugins/superfish

但我对此有一些问题，当我在 Firefox、Chrome 和 IE 中查看我的页面时，它会添加填充:

这是 jsfiddle 示例 http://jsfiddle.net/YsG97/2/可能有人会建议如何删除 Superfish 菜单 ul 和标题 div 之间的间距？

如果我在菜单关闭标签之后放置  ，我会不雅地发现一件奇怪的事情:</ul>&nbsp;它在 Firefox 中是固定间距的，不知道为什么。有人可以解释一下吗？

Answer 1

给你:

#menucontainer {
    ...
    vertical-align: top;
}

现场演示: http://jsfiddle.net/YsG97/5/

#menucontainer DIV 设置了display: inline-block，这有效地使其成为一个内联元素。内联元素默认与基线对齐，这意味着它们下方(基线和下行部分之间)会有空间:

http://vidasp.net/media/CSS-vertical-align.gif