html - フッター下部の幅

Question

フッターを下部に配置するためのこのCSSがあります

footer 
{
    position: fixed;
    bottom: 0;
}

しかし、フッターは全幅ではないので、追加width: 100%;する必要があります

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

幅を追加する必要があるのはなぜですか?フッターが通常の位置にある場合は全幅になります (CSS で何もしない場合)。なぜブラウザはそれをしているのですか？

編集:置くだけでdisplay: block;は修正されません<footer>。デフォルトではブロック要素です。それがフッタータグのデフォルトの動作であると言っても、cssで何もしないときになぜ全幅になるのか説明できません。

score 0 · Accepted Answer

それがブラウザのデフォルトの動作だからです。

score 0 · Accepted Answer

それがフッタータグのデフォルトの動作であるため、ブラウザはそれを行っています。これが、フッター要素と新しい HTML5 要素を宣言する理由です。

display:block

幅を指定する必要がないように、要素をdisplay:blockに宣言する必要があります。

これをチェックしてください.. http://dabblet.com/gist/4267350 . CSS ですでにdisplay:blockとして言及されているため、フッター要素がすでに全幅に伸びていることに気付くかもしれません。

2 に答える 2