頁面由上至下包含header、main和footer這樣佈局的網站隨處可見，但當main內容不足導致頁面高度少於瀏覽器的時候，頁面底部便會留下空白位。遇到此問題時可以參看這個值得推荐的範例網站 -- CSS Sticky Footer，該站所提供的完美解決方案，幾乎所有瀏覽器都支援，無論main內容再怎麼少、螢幕解析度再怎麼大，footer都會固定在最底部。
範例演示站：http://www.cssstickyfooter.com/
觀看CSS代碼：http://www.cssstickyfooter.com/style.css
觀看HTML代碼：http://www.cssstickyfooter.com/html-code.html
用法：http://www.cssstickyfooter.com/using-sticky-footer-code.html
範例演示站：http://www.cssstickyfooter.com/
觀看CSS代碼：http://www.cssstickyfooter.com/style.css
觀看HTML代碼：http://www.cssstickyfooter.com/html-code.html
用法：http://www.cssstickyfooter.com/using-sticky-footer-code.html