我一直在寻找答案。 我想在我的网页底部添加空间，因为内容太靠近边缘了。 我在包装标签，正文标签和样式标签中绑了'padding-bottom'..没有用。 对此有任何帮助... ...
感谢， 基思。
答案 0 :(得分：2)
你有一个严重的设计问题。
所有元素都相对位置top偏移，导致wrapper和body实际上比你想象的要小。因为在确定包装纸高度时不考虑该偏移量。 （所以包装器的高度只是他孩子身高的总和，没有它们之间的偏移）
当你将padding-bottom添加到包装器或正文时，它可以正常工作，但是你看不到它。因为你的元素与包装器重叠..
通过将overflow:hidden;设置为包装器（或使用工具检查您的网站），您将能够看到我是对的。突然间，你的一半内容消失了。
您需要从元素中删除position:relative;，并使用margin-top代替top在元素之间创建所需的空间。
这样：包装器和主体高度将设置正确，填充将按预期工作。
答案 1 :(得分：0)
您定位的是所有元素。这也导致了填充/边距问题。你为什么要这样定位你的元素？ 尝试删除相对定位并为元素添加顶部/底部边距。结果在视觉效果方面是相同的。 添加新的音箱也会更加简单，因为您不必为每个音箱计算顶部定位。