2014-07-15 41 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

是的。当我这样做时,当我放大时,页脚仍保留在页面的中间。在正常的缩放滚动条中将出现 –