html - Distill：将页脚固定到页面底部

Question

我已经使用DistillR 制作了一个网站，但我注意到如果没有足够的内容，页脚会在页面的中间浮动。如何将页脚固定到每一页的底部？

Answer 1

尝试将其添加到您的样式表中。

要将页脚固定在网页底部，您可以使用 position: fixed like I have ( Look here )。

        #footer {
           
/* Look here*/ position: fixed;
            padding: 10px 10px 0px 10px;
            bottom: 0;
            width: 100%;
            height: 40px;
           
        }

Answer 2

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