how to make the footer to stick exactly at the bottom of the page?

问题

I'm using ASP.net Master page. I've a footer in my page. When content of my page is less, the footer is coming in the middle of the page.

What do i need to do. please suggest.

Thanks.

回答1:

One more link for the same think

http://www.cssstickyfooter.com/

回答2:

You can implement a CSS sticky footer: http://ryanfait.com/sticky-footer/. Using a little bit of CSS (see http://ryanfait.com/sticky-footer/layout.css) the footer will stick to the bottom as much as possible:

1. If the page's content is higher than 1 viewport: nothing happens.
2. If the page's content is not higher than 1 viewport: the footer creates whitespaces and prefers to stick to the bottom.

Er... there should be more rules...

来源：https://stackoverflow.com/questions/3063393/how-to-make-the-footer-to-stick-exactly-at-the-bottom-of-the-page