I have this CSS for placing footer at the bottom
footer
{
position: fixed;
bottom: 0;
}
but then the footer is not in full width so I have to add width: 100%;
to be
footer
{
position: fixed;
bottom: 0;
width: 100%;
}
Why do I have to add width, but when the footer is on normal position it has full width (when I do nothing with CSS)? Why browser is doing that?
EDIT: putting only display: block;
doesn't fix, <footer>
is by default block element.
Saying that's the default behavior of footer tag doesn't explain why it has full width when you do nothing with css.