有很多時(shí)候，如果一個(gè)頁(yè)面的主題內容比較少，那么網(wǎng)頁(yè)的底部（網(wǎng)頁(yè)最底部網(wǎng)站版權、備案信息的）就可能會(huì )網(wǎng)上移動(dòng)，也就是不能夠完全對齊頁(yè)面的底部了。
該問(wèn)題有辦法解決，CSS代碼如下：

html, body, #wrap {height: 100%;padding:0;margin:0;} 
body > #wrap {height: auto; min-height: 100%;}
*{margin: 0 auto;padding: 0;}
/*據對底部*/
#main {padding-bottom: 80px;}  /* 底部的高度 ，數值一致*/ 
#footer {
 position: relative; 
 margin-top: -80px; /* 底部高度的負數值 ，數值一致*/ 
 height: 80px; /*底部高度，數值一致*/
 text-align:center;
 clear: both;
 } 
/*兼容其它瀏覽器設置*/
.clearfix:after {
 content: "."; 
 display: block; 
 height: 0; 
 clear: both; 
 visibility: hidden;} 
.clearfix {
 display: inline-block;} 
* html .clearfix {
 height: 1%;} 
.clearfix {
 display: block;}

以下是html代碼：

<div id="wrap"> 
<div id="main" class="clearfix"> 
這里是網(wǎng)頁(yè)設置內顯示的主體內容
</div>
</div>
<div id="footer">
這里是網(wǎng)頁(yè)的頁(yè)腳內容，這里的內容絕對對齊頁(yè)面底部。
</div>

這里的演示代碼，兼容各大瀏覽器，該技術(shù)文檔代碼來(lái)源于網(wǎng)絡(luò )（無(wú)版權聲明），僅供大家參考，在做網(wǎng)站前端設計的時(shí)候，可能用得著(zhù)。