Dreamweaver中的CSS定位

Dreamweaver中的CSS定位,css,Css,我仍然无法理解某些CSS概念,对此感到沮丧,但无论如何,问题是: 我想在我的站点底部(basic index.html启动页)的中心位置放置一行文本。我还希望文本根据不同的显示器分辨率在页脚处浮动10-20像素,以便始终位于底部 我需要在“定位”样式表属性中勾选哪些选项?亲戚?固定的?绝对的 到目前为止,我的设置是“相对的”,顶部为600px,底部为200px。但是它看起来很好,在一个13“监视器上,它正好在页面的中间,在一个27”的监视器上。 只想把该死的东西放在底部的中央,在浏览状态栏前留一

我仍然无法理解某些CSS概念,对此感到沮丧,但无论如何,问题是:

我想在我的站点底部(basic index.html启动页)的中心位置放置一行文本。我还希望文本根据不同的显示器分辨率在页脚处浮动10-20像素,以便始终位于底部

我需要在“定位”样式表属性中勾选哪些选项?亲戚?固定的?绝对的

到目前为止,我的设置是“相对的”,顶部为600px,底部为200px。但是它看起来很好,在一个13“监视器上,它正好在页面的中间,在一个27”的监视器上。
只想把该死的东西放在底部的中央,在浏览状态栏前留一点喘息空间,这与显示器的大小无关。

使用
位置:fixed
将页脚粘到窗口底部。我已经准备好了一个快速演示

CSS:

div#footer {
    position: fixed;
    background: red;
    text-align: center;
    padding-bottom: 20px;
    bottom: 0;
    left: 0;
    right: 0;
}​
红色背景可以明显去除,填充底部可以根据您的要求进行更改

bottom:0
left:0
right:0
属性强制页脚位于页面底部,并将其一直拉伸



要使页脚不会一直伸展,请尝试。它使用内部元素和自动左右边距。

+1,可能需要设置明确的高度,并将其作为填充/边距添加到[正文]底部,以便页脚不会重叠content@o.v.谢谢你,这是一个很好的提示。我会把它留在评论里,以免重复信息。