页脚背景应该扩展到浏览器的底部

Question

我有一个问题,将页脚固定到浏览器的底部..问题是当分辨率更改或窗口大小调整页脚内容重叠网站的内容,这里是页脚div的当前CSS

div.footer {
        position:absolute;
        bottom:0px;
    }

有谁知道我该如何解决这个问题？谢谢

更新:

这正是我所需要的,但由于某种原因,它不适用于我的网页,当我将粘贴代码剪切到空白页面时,它确实有效,但由于我的页面内容充满了内容和所有内容,所以重要的元素是什么？包括？ 这是网址.

上面的技巧只有在我的网站填充内容时才有效,如果我有一些让我们说几句话,上面的技巧不起作用.

更新II

我的网站有动态内容,所以我认为不能使用这种CSS粘性页脚,因为有时候网站上只有几行有时会包含内容.这就是为什么页脚没有粘到网页的底部..如果网站上有足够的内容,那么问题就是没有问题.

Answer 1

你在这里有一个常见的问题,没有共同的答案,但如果我是你,我会尝试,因为所有这些上面的建议显然不起作用,我会尝试将我的页面容器背景设置为任何颜色让说白色(#FFFFFF),我将身体的背景颜色设置为任何其他颜色,然后白色说灰色(#CCCCCC).并且最终将页脚位置设置为相对位置,当然如果您希望它始终位于底部,则必须将其放置在所有位置之后.这样,如果您按照分步说明操作,您将获得100%确定的所需.

Answer 2

Checkout CSS Sticky Footer是一种出色的跨浏览器兼容方法.

该网站基本上做的是使页脚粘贴在浏览器边缘BENEATH,并给它一个负边距,其值与页脚的高度相同.这样,页脚肯定会粘在底部.