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

Question

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

在此处输入图像描述

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

并且我不雅地发现了一个奇怪的事情，如果我把放在菜单结束标记之后：</ul> 它是 Firefox 中的固定间距，不知道为什么。可能有人可以解释吗？

score 5 · Accepted Answer

干得好：

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

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

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

score 1 · Accepted Answer

如果在结束 ul 标记之后添加清除元素，它会匹配到底部。浮动有问题，不确定问题出在哪里，但这解决了它（尽管#menucontainer div 中的高度增加了。

2 回答 2