Css 为什么两个元素之间只有50像素的距离，而顶部元素的底部边距为50像素，底部元素的顶部边距为50像素？

我需要确保两个元素总是相隔100像素。我的代码没有错误，但由于某种原因，P标记上的页边距底部被设置为50像素，其下方DIV上的页边距顶部也被设置为50像素

它们之间的距离不是100像素，而是50像素。有人能解释一下吗？我在页面上没有任何浮动，因此这不是由于清算问题。所有的html和css都已经过验证

这在最新版本的Chrome和FIrefox 3.6中发生

下面是我的代码示例：

#content p {
    margin-bottom: 50px;
}

#content #posted {
    border-top: 1px dotted #ccc;
    line-height: 20px;
    margin-top: 50px;
}

---

页边距相互重叠。元素的最大边距为两个元素之间的边距

如果这不是IE中发生的事情，那就是IE的bug，因为CSS就是这样设计的

---

您可以使用填充，或者只是确保两个元素的边距都是100px。

边距相互重叠。元素的最大边距为两个元素之间的边距

如果这不是IE中发生的事情，那就是IE的bug，因为CSS就是这样设计的

---

您可以使用填充，或者只是确保两个元素的边距都是100px。

边距不会那样堆叠。底部元素仅设置距顶部元素50像素的边距，而不是顶部元素的边距。因此，您需要将页边距设置为100px。

页边距不是这样堆叠的。底部元素仅设置距顶部元素50像素的边距，而不是顶部元素的边距。因此，您需要将页边距设为100px。

请发布相关代码好吗？我猜大多数人都希望看到一些代码来验证您所做的事情。请发布相关代码好吗？我猜大多数人都希望看到一些代码来验证您所做的事情。谢谢--不能使用顶部填充，因为有边框。没问题，使用100px的边距：）谢谢--不能使用顶部填充，因为有边框。没问题，使用100px的边距：）