css的footer置底 |css 文本空两格

首先，大家需要给footer添加样式，将其定位到页面的底部。代码如下：

footer {
position: fixed;
bottom: 0;
width: 100%;
}

这样设置之后，大家可以发现footer已经固定在了页面的底部，但是内容被遮挡了。这是因为大家设置了footer的高度，导致底部内容被遮挡。所以，大家需要对底部内容增加一个margin-bottom，让其腾出空间，不被遮挡。代码如下：

body {
margin: 0;
padding: 0;
min-height: 100vh;
}
main {
margin-bottom: 100px;
}
footer {
position: fixed;
bottom: 0;
width: 100%;
height: 100px;
}

在这段代码中，大家还对body和main做了一些调整。给body和main设置了0的margin和padding，防止影响页面布局。同时，大家给main设置了一个margin-bottom，保证底部的内容不会被footer遮挡。最后，大家将footer的高度设置为100px，便于大家进行其他样式调整。

这样，大家就完成了footer置底的效果。当页面内容不足以占满整个屏幕时，footer将始终固定在页面底部。