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;
}

Answer 2

在CSS中将.footer替换为footer，它会起作用，工作小提琴就在这里

fiddle

仅供您澄清。

在html中，我们会创建标签，其中一些标签包含class和id等属性。下面显示了如何分配CSS。

如果class属性，那么您使用.

<div class="new"/>
CSS would be 
.new{}

如果属性为id，则使用#

<div id="new"/>
CSS would be
#new{}

如果css直接在没有attriutes的标签上，请直接使用标签。 （这是你被困的地方）

<div/>
CSS would be
div{}

快乐的编码!!!!