當我寫這篇文章時，單詞Hello出現在頁面的頂部，而不是底部:

<footer> Hello </footer>

下面是我的CSS文件的重要部分:

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

我真的不知道怎么了。 我在Ruby on Rails下工作，我使用Pdfkit將我的html頁面轉換成pdf，但我認為這無關緊要。

演示

頁腳是html中的標簽，而不是一個類，所以

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

在CSS中替換。頁腳加上頁腳，它會工作，工作小提琴在這里

小提琴

為了你的澄清。

在html中，我們創建標簽，其中一些具有類和id之類的屬性。下面展示了如何分配CSS。

如果類是屬性，那么使用。

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

如果屬性是id，則使用#

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

如果css直接在沒有屬性的標簽上，直接使用標簽。(這就是你卡住的地方)

<div/>
CSS would be
div{}

編碼快樂！！！！