css - 为什么边距设置在我的网站上不正常？

Question

我正在处理的网站主页主体部分内容的所有边距设置均未正确显示，并且彼此重叠。这让我很烦恼，我不知道出了什么问题。请看一下，看看是否可以帮助我。

再一次，主体中有 3 个部分，它们都显示错误!

这是我的网站:

http://studentweb.eku.edu/alamaldean_alami/d+m/index.html

第一个问题是从第一部分(历史记录)到第二部分(按钮)除了我设置的边距之外还有20px的额外间隙，为什么会有随机间隙(firebug和google的'inspect元素'都没有在那里显示任何东西，只是一个随机的额外空间)。

第二个问题是“按钮”部分和“内容区域”部分之间应该有 20 像素的边距，因为“内容区域”设置为具有 20 像素的边距。

最后一个问题是“内容区域”部分和页脚之间的底部边距总计应为 40px，因为这两个区域各有 20px 的边距。

Answer 1

从您的 .buttons 类中删除 position: relative