html页脚不起作用

Question

当我写这篇文章时，Hello 这个词出现在我页面的顶部而不是底部:

<footer> Hello </footer>

这是我的 CSS 文件的重要部分:

.footer{
    position:fixed;
    bottom:0;
    left:0;
    height:100px;
    background: black;
}

我真的不知道怎么了。我在 Ruby on Rails 下工作，我正在使用 Pdfkit 将我的 html 页面转换为 pdf，但我认为这无关紧要。

Answer 1

Demo

页脚是你的 html 中的标签而不是一个类所以

footer {
    position:fixed;
    bottom:0;
    left:0;
    height:100px;
    width: 100%;
    background: black;
}