There are several ways to fix footer at the bottom of the page.

There are several ways to fix footer at the bottom of the page.

1 <div class = "header"> <div class = "main"> </div> 2 <div class = "container"> <div class = "main "> </div> 3 <div class =" footer "> <div class =" main "> </div>

If the content of the subject is too short to support the browser, footer will move on, which affects the page very much. It is a big bug. I have searched many ways to sort out several methods that footer is fixed on, for future reference. (You are welcome to add this item .)

The preceding layout is commonly used for writing pages to individuals.

Note:. main {

Width: 1050px;

Margin: 0 auto;

Height: auto;

}

1. This is the css that has just been used. It can achieve the effect, but the content of the subject is displayed in the form of a scroll bar regardless of the size of the browser footer.

. Footer {

Position: fixed;

Bottom: 0;

Left: 0;

}

2. Waiting for sorting .....