css - 无法将文本置于底部，如 float :bottom

Question

我遵循了提到的解决方案 here但是，文本不会 float 在 my webpage 的底部。 , .

现在，我的 CSS 看起来像这样:

#note{
    position: absolute;
    bottom: 0px;
    text-align: center;
}

如何将它放在底部，例如页脚或版权信息？另外，为什么它不居中？

jsFiddle

Answer 1

添加:

html{
   height:100%;
}

到您的 CSS 以确保 body 延伸到视口(viewport)的高度。

要居中，将width:100%添加到#note