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

演示

页脚是你的HTML标签而不是一个类

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