Chrome中的奇怪边距问题

Question

我的Chrome浏览器存在问题（21.0.1180.79米）。但是，Firefox 14.0.1中不存在该问题。

这是screeshot http://i.imgur.com/ePcXO.jpg（对不起我无法附加图片，因为我是新手并且不允许附加图片）

在chrome中，当我向菜单2添加上边距时，它将与菜单1重叠。换句话说，菜单2的边距从菜单1的底部开始。

我用

保证金：50自动20px;

在Firefix中运行良好，但在Chrome中无效。有什么想法吗？

Answer 1

这叫做margin collapse

您可以修复它，例如，添加浮动：http://jsfiddle.net/bRJgB/1/和http://jsfiddle.net/bRJgB/1/show/。

您还可以修复它们之间添加分隔符（overflow与visible不同的空元素，或border或padding）。