css - 设置位置时网页中的页脚问题

Question

我想制作一个具有相对位置的页脚，但是当页面没有内容时，它会显示在页面底部。像这样的属性：

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;

---

Answer 1

你的问题不清楚，但我不明白你想在页面底部有一个页脚，即使没有内容，这样做：

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

演示

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

Answer 2

用于min-height内容（中间内容）。例如：

min-height: 500px;