如何使页脚全宽?

时间:2015-09-29 16:08:11

标签: html css html5 css3

如何使用<footer>标记制作全宽页脚。
无法使用带有id的div 并使其看起来像页脚(这非常简单)。

body{
    background: #333333;
}
footer{
    float:left;
    background: lime;
    padding:15px 0;
    width:100%;
}
<footer></footer>

https://jsfiddle.net/g4b3oakd/

当我使用这样的代码时,它不是页面的全宽。
有可能做这样的事吗?

1 个答案:

答案 0 :(得分:1)

像这样添加margin: 0;https://jsfiddle.net/DIRTY_SMITH/g4b3oakd/1/

body{
    margin: 0;
    background: #333333;
}
footer{
    float:left;
    background: lime;
    padding:15px 0;
    width:100%;
}