我們在做網頁的時候，有時候頁面內容太短，導致footer元素會浮在上面，很影響視覺。如下圖：

將footer置於頁面底部的思路：將footer的父元素最小高度設定為100%，footer為絕對定位，底部0即可。

<div id="wapper">
	<div id="main-content"></div>
	<div id="footer"></div>
</div>

#wapper{
	position: relative;
	height: auto;
	min-height: 100%;
}
#main-content{
	padding-bottom: 60px;  /*這裡為footer預留的空間，使其不遮擋其他元素*/
}
#footer{
	position: absolute;
	bottom: 0;
	height: 60px;
}