頁腳不粘到網頁的底部，但固定但不是隱藏

我創建了一個樣式CSS來粘住隱藏在底部的頁腳，但它沒有，所以我不得不向下滾動頁面才能看到其他頁面的內容。這使得網頁看起來壓扁頁腳不粘到網頁的底部，但固定但不是隱藏

下面是HTML

 <footer> 

<p class='margin' style="font-family:Century;color:black;font-size:10px;text-align:left">[email protected] [email protected] This sight is property of Retro Alpha. Any unauthorised changes will be prosecuted by governmental offences. 

    <br> 

This sight is linked to the youtube channel of Yoshi24Gaming. Copyright Legal Act 2014</p> 

<div id="More links" class='margin' style="font-family:Century;color:black;font-size:10px;text-align:left">Here are the important links to guide you through this website. 

    <br> 

<a href="http://www.youtube.com/user/Yoshi24Gaming">Youtube</a> <a href=retropcgaming.html>Gaming</a> <a href=retropcproducts.html>Products</a> <a href=retropcForum.html>Forum</a> <a href=retropchelpandsupport.html>Help &amp; Support></a> <a href=retropcAuthor.html>Author</a> <a href=>Developer<a/> <a href=>Terms &amp; Conditions</a> <a href=>License</div>

這裏是樣式表

<STYLE TYPE="text/css"> 

.margin { margin-left:5px;} 
.center { margin:auto;width:78%;} 
a:link { color:White;text-decoration: none} 
a:hover { color:Blue;text-decoration: none} 
a:visited { color:Gray;text-decoration: none} 
header { background-image:url('headerback.jpg');height:200px;width:100%;top:0;left:0;position:fixed;} 
body { padding:10px;padding-bottom:78px;} 
footer { background-color:White;height:78px;width:100%;bottom:0;left:0;position:fixed;}

我一直在使用的HTML 5編碼因此不需要在頁腳周圍使用div標籤。

來源

2014-03-03 user3279130

在你的html代碼中有很多錯誤，檢查這個小提琴，我糾正它們：http：//jsfiddle.net/5CzCR/2/ –

你可以發佈內容的HTML和CSS代碼在你的頁腳之前請特別回答一下，如果它是絕對的，固定的或浮動的，這很重要。 –

檢查是否有幫助。

click here

它解釋的方式有僅使用CSS在底部頁腳棒。

來源

2014-03-03 10:58:02 Tushar

頁腳不粘到網頁的底部，但固定但不是隱藏

回答

相關問題