css - chrome 页脚重叠内容，即使清除：都使用

Question

我的页脚 div 与 chrome 浏览器中的内容重叠，尽管我已经清除了它。有人可以用css指出我正确的方向吗？我应该使用 if is chrome javascript 吗？

http://archibaldbutler.com/projects/roaming-giraffe/html/

谢谢

Answer 1

如果页脚设计为始终位于页面底部，请执行以下操作：

.footer-bg {
    clear: both;
    bottom: 0px;
    position: fixed;
    width: 996px;
    height: 192px;
    background-image: url('../html/images/footer-bg.jpg');
    background-position: center top;
    background-repeat: no-repeat;
}

.content-bg2 {
    clear: both;
    float: left;
    margin-top: 10px;
    margin-bottom:192px;
    width: 996px;
    height: 369px;
    background-image: url('../html/images/maincontent2bg.jpg');
    background-position: center top;
    background-repeat: none;
}

如果它应该只是在该内容区域的底部，那么请执行以下操作：

.footer-bg {
    clear: both;
    bottom: 0px;
    width: 996px;
    height: 192px;
    background-image: url('../html/images/footer-bg.jpg');
    background-position: center top;
    background-repeat: no-repeat;
}