页面末尾的空白区域

Question

如何在html页面的底部手动留空空间？

我的内容位于div，主要是positioned:absolutely。

我在<br>之前尝试了几个</body> s。不工作。 我在div上尝试了margin-bottom:2cm;。没用。

Answer 1

绝对定位div不在文档流中，所以无论你做什么，都不会影响页面上的其他元素，因此，margin-bottom也会失败，所以你可以做的就是使用wrap { {1}}的高度为div，而不是100%;，它将起作用

margin-bottom: 2cm;

Demo

Answer 2

在您的页面中添加以下CSS：

body {
    margin-bottom: 50px
}

Answer 3

尝试使用padding-bottom代替margin-bottom，因为边距用于内容之间的间隔，填充是元素内的间距，这应该会为您提供所需的效果。

您也可以在</body> <div style="height: 200px;"></div>之前放置一个空白div。