如何在不受位置影响的情况下将页脚保持在底部：绝对元素

Question

如何在不受位置影响的情况下将页脚保持在底部：绝对元素。现在，页脚的位置是相对的，显然是绝对的位置：位置创建自己的堆叠上下文并溢出页脚。 html如下所示

<div style="position:relative">
  <div style="position:absolute">
  </div>
</div>
<footer style="position:relative">
</footer>

Answer 1

位置绝对元素没有维度。 （身高和宽度）。

因此，为了正确堆叠，您必须：

• 为您的绝对位置元素提供height。 或
• 根据绝对位置元素高度
在页脚元素上添加margin-top

Answer 2

当你使用位置绝对时，它绝对定位到相对定位的最近的祖先元素。您可以通过将绝对div放在相对定位的div内来打扰您的页脚。

如果您不想进行更改，可以使用边距以及左，右，顶部和底部属性移动元素。