css - CSS使用负面相对定位问题

我有页眉，主体和页脚。 header 和主体的样式正确。现在对于页脚，我想使其显示在主体后面，因此我使用了:

z-index: -1;
position: relative;
top: -60px;

这样可以得到理想的结果，但是我在底部得到了60px的额外空间。

如何清除这个多余的空间？

最佳答案

保罗是正确的。 margin-top: -60px;而不是top: -60px;。另一种可能的解决方案是将“主体”设置为position: relative;，然后在页脚上使用position: absolute; bottom: 60px;-尽管这浪费了，意味着页脚需要在“主体”内部移动。尽管只要页脚的父项带有“主体”，您就可以在该元素上使用相同的技巧。

关于css - CSS使用负面相对定位问题，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/2280625/