html - 页尾空白处

Question

如何手动在 html 页面底部留下空白区域？

我的内容在里面div并且positioned:absolutely大部分在里面。

<br>我之前试过几个</body>。不工作。我试过margin-bottom:2cm;div。不工作。

Answer 1

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

html, body {
    height: 100%;
    background: #f50;
}

div { /* Using element selector, you can use ids or classes instead to be specfic*/
    height: 100%;
    margin-bottom: 2cm;
}

演示

Answer 2

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

body {
    margin-bottom: 50px
}

Answer 3

尝试使用padding-bottom而不是margin-bottom因为边距用于内容之间的间距，填充是元素内的间距，这应该会给你你正在寻找的效果。

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