我有这个CSS将页脚放在底部
footer
{
position: fixed;
bottom: 0;
}
但是页脚没有全宽,所以我必须添加width: 100%;
才能
footer
{
position: fixed;
bottom: 0;
width: 100%;
}
为什么我必须添加宽度,但当页脚在正常位置时它有全宽(当我什么都不用CSS时)?为什么浏览器会这样做?
编辑:只放置display: block;
无法修复,<footer>
默认是块元素。
说这是页脚标记的默认行为并不能解释为什么当你对css什么都不做时它有全宽。
答案 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)