小编典典

CSS使用负面相对定位问题

css

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

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

这样可以达到预期的效果,但是我在底部得到了60px的额外空间。

如何清除多余的空间?


阅读 320

收藏
2020-05-16

共1个答案

小编典典

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

2020-05-16