Question

制作的菜单

但是我遇到了一些问题，当我在Firefox，Chrome和IE中查看我的页面时添加了填充：

enter image description here

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

并且有一些奇怪的事情我猥亵地发现，如果我把菜单关闭标签后放了</ul> 它在Firefox中固定间距，不知道为什么。可能有人会解释一下吗？

Answer 1

你走了：

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

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

#menucontainer DIV设置display: inline-block，这有效地使其成为内联元素。默认情况下，内联元素与基线对齐，这意味着它们下方会有空间（在基线和下降器之间）：

Answer 2

如果在结束ul标记之后添加清除元素，则它与底部匹配。浮动有一个问题，不知道问题是什么，但这解决了它（尽管在#menucontainer div中增加了高度。