Question

感到沮丧，我仍然无法掌握某些CSS概念，但无论如何，这就是问题所在：

我想在我的网站底部（一个基本的index.html启动页面）中放一行TEXT。我还希望文本根据各种显示器分辨率在页脚上浮动10-20像素，这样它总是在底部。

在“定位”样式表属性中，我需要选择哪些选项？相对？固定？绝对？

到目前为止，我的设置是“相对”，顶部为600px，底部为200px。但它在13英寸显示器上看起来很棒，例如它在27英寸显示器的页面中间就可以了。

只想在状态栏之前用一点呼吸空间将该死的东西放在底部中心，与浏览器大小无关。

Answer 1

使用position: fixed将页脚粘贴到窗口底部。我已经制定了一个快速演示here。

CSS：

div#footer {
    position: fixed;
    background: red;
    text-align: center;
    padding-bottom: 20px;
    bottom: 0;
    left: 0;
    right: 0;
}

显然可以删除红色背景，padding-bottom可以根据您的要求进行更改。

bottom: 0，left: 0和right: 0属性会将页脚强制到页面底部，并将其拉伸到最后。

要创建不一直拉伸的页脚，请尝试this JSFiddle out instead。它使用内部元素和左右自动边距。