我有页眉,主体和页脚。标头和主体的样式正确。现在,对于页脚,我想使其显示在主体后面,因此我使用了:
z-index: -1; position: relative; top: -60px;
这样可以达到预期的效果,但是我在底部得到了60px的额外空间。
如何清除多余的空间?
保罗是正确的。margin-top: -60px;代替top: -60px;。另一种可能的解决方案是将“主体”设置position: relative;为可position: absolute; bottom: 60px;在页脚上使用- 尽管这种扭曲意味着页脚需要在“主体”内移动。尽管只要页脚的父项带有“主体”,您就可以在该元素上使用相同的技巧。
margin-top: -60px;
top: -60px;
position: relative;
position: absolute; bottom: 60px;