底部宽度的页脚

时间:2012-12-12 12:01:39

标签: html5 css3

我有这个CSS将页脚放在底部

footer 
{
    position: fixed;
    bottom: 0;
}

但是页脚没有全宽,所以我必须添加width: 100%;才能

footer 
{
    position: fixed;
    bottom: 0;
    width: 100%;
}

为什么我必须添加宽度,但当页脚在正常位置时它有全宽(当我什么都不用CSS时)?为什么浏览器会这样做?

编辑:只放置display: block;无法修复,<footer>默认是块元素。 说这是页脚标记的默认行为并不能解释为什么当你对css什么都不做时它有全宽。

2 个答案:

答案 0 :(得分:0)

浏览器正在这样做,因为这是页脚标记的默认行为。这就是他们将页脚元素以及新的HTML5元素声明为

的原因
display:block

请参阅此normalize.css https://github.com/necolas/normalize.css/blob/master/normalize.css

您必须将元素声明为 display:block ,这样您就不必为其指定宽度。

检查一下.. http://dabblet.com/gist/4267350。您可能会注意到页脚元素已经拉伸到整个宽度,因为它已经在CSS中被称为 display:block

答案 1 :(得分:0)