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