Css 相对定位的div不向下推页脚

Css 相对定位的div不向下推页脚,css,Css,该网页可于 联系人表单和横幅包装在cf bannerclass中。它的位置相对较低。问题是它没有把我的页脚往下推 定位页脚绝对不是一个选项,因为它不能很好地处理长内容。有什么问题吗?谢谢。这是因为你的.cf横幅是浮动的。 通过在footer元素上声明Clear:both来清除浮动 CSS footer { position: relative; bottom: 0; left: 0; width: 100%; clear: both; } 在问题中包含相

该网页可于

联系人表单和横幅包装在
cf banner
class中。它的位置相对较低。问题是它没有把我的页脚往下推


定位页脚绝对不是一个选项,因为它不能很好地处理长内容。有什么问题吗?谢谢。

这是因为你的
.cf横幅是浮动的。
通过在
footer
元素上声明
Clear:both
来清除浮动

CSS

footer {
    position: relative;
    bottom: 0;
    left: 0;
    width: 100%;
    clear: both;
}

在问题中包含相关的代码,最好是在可运行的代码段中。在footer解决问题之前,请将
清除:两个
。@kulan所以请投票给正确的答案,我看到了正确的答案here@Desperado我有。一定有人投了反对票。