Distill:将页脚固定到页面底部
Distill: Fixing the footer to the bottom of the page
我在 R 中使用 Distill
创建了一个网站,但我注意到如果页面上没有足够的内容,页脚会漂浮在页面的中间。如何将页脚固定在每页的底部?
尝试将此添加到您的样式中 sheet。
要将页脚固定在网页底部,您可以像我一样使用 position: fixed(看这里)。
#footer {
/* Look here*/ position: fixed;
padding: 10px 10px 0px 10px;
bottom: 0;
width: 100%;
height: 40px;
}
footer {
width: 100%;
position: fixed;
bottom: 0;
left: 0;
right: 0;
}
我在 R 中使用 Distill
创建了一个网站,但我注意到如果页面上没有足够的内容,页脚会漂浮在页面的中间。如何将页脚固定在每页的底部?
尝试将此添加到您的样式中 sheet。
要将页脚固定在网页底部,您可以像我一样使用 position: fixed(看这里)。
#footer {
/* Look here*/ position: fixed;
padding: 10px 10px 0px 10px;
bottom: 0;
width: 100%;
height: 40px;
}
footer {
width: 100%;
position: fixed;
bottom: 0;
left: 0;
right: 0;
}