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