2014-07-15 65 views
0

我有一個頁面,其中包含一些內容和頁腳。但頁腳有問題。我的頁腳粘在內容上,不要停留在底部。當我使用一個的位置:相對爲身體和一個位置:絕對;底部:0;爲頁腳粘到底部,但當我縮放並向下滾動它在頁面中間。我該如何解決這個問題?將頁腳定位在HTML/CSS中遇到問題

,這裏是我的身體碼:

width: 100%; 
padding: 0; 
margin: 0; 
background: -webkit-linear-gradient(left,#000 0%,#222 100%); 
background: -moz-linear-gradient(left,#000 0%,#222 100%); 
background: -ms-linear-gradient(left,#000 0%,#222 100%); 
background: -o-linear-gradient(left,#000 0%,#222 100%); 
background: linear-gradient(left,#000 0%,#222 100%); 
min-width: 970px; 
position: relative; 

,這裏是我的頁腳代碼:

color: rgba(255,255,255,0.8); 
text-align: center; 
font-family: roya; 
font-size: 0.9em; 
letter-spacing: 0.07em; 
line-height: 0.5em; 
position: absolute;; 
left: 0; 
bottom: 0; 
width: 100%; 
min-width: 970px; 
height: 65px; 
clear: both; 
background: #222; 
border-top: 2px solid #666; 
border-radius: 100px 100px 0 0; 
margin: 0; 

另一件事是:我的網頁通常沒有在所有的滾動exept一些小設備

+0

使用'position:fixed;'然後。 –

回答

0

您是否嘗試將身體設置爲{height:100%;}?

+0

是的。當我這樣做時,當我放大時,頁腳仍保留在頁面的中間。在正常的縮放滾動條中將出現 –