CSS页脚宽度问题

时间:2012-07-02 19:33:49

标签: css css-float

我目前正在研究this site,我希望页脚是屏幕的100%(宽度),但无论我做什么,它都拒绝回复。我已经检查过ID是否有重复,但我没有看到任何内容。 CSS代码如下所示:

#footer {
    width: 100%;
    clear: both;
    height: 400px;
    background-color: #293D61;
}

3 个答案:

答案 0 :(得分:4)

你的页脚是#rack里面的嵌套div。在100%时,您的页脚将只与您的外部/父级div一样宽。你需要将它移出父div并使其成为兄弟

答案 1 :(得分:0)

尝试这样做,

#footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    clear: both;
    height: 400px;
    background-color: #293D61;
}

答案 2 :(得分:0)

检查你的页脚是否在其他div中...?如果是这样那么它不会是整页长度....