设置位置时在网页中显示页脚

时间:2013-09-23 11:03:42

标签: css html5 footer

我想要一个具有相对位置的页脚,但是当页面没有在页面底部显示它的节目时。像这样的财产:

position:relative absolute; [i know this isnt correct]

相对很好,但页面不为空时。

修复覆盖部分内容并始终显示

当页面有内容时

绝对不好

这是我的代码:

color:#444;
background:#222;
bottom:0px;
width:100%;
position:relative;
min-height:80px;
padding:10px 0 10px 10px;
border-top:1px solid #444;

enter image description here

2 个答案:

答案 0 :(得分:0)

你的问题不清楚,但是当我不安心你想要在页面底部有一个页脚,即使没有内容,也要这样做:

#footer{
position:fixed;
bottom:0;
z-index:999
}

DEMO

但是这样你的浏览器窗口底部就有粘性页脚,另一种实现你想要的方法是使用min-height css属性作为你的内容,这不是一个完全解决方案,不同的浏览器有不同的高度,你有问题,我建议你使用jQuery

答案 1 :(得分:0)

使用min-height作为内容(中间内容)。 例如:

min-height: 500px;