Dreamweaver 中的 CSS 定位

Question

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

我想在我的站点底部居中放置一行文本(基本的 index.html 初始页面)。我还希望文本根据各种显示器分辨率在页脚处 float 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 属性强制页脚到页面底部，并拉伸(stretch)它一路过关斩将。

---

要制作一个不会一直延伸的页脚，试试this JSFiddle out instead .它使用内部元素和自动左右边距。