如何將頁腳保留在頁面底部（HTML Javascript css）

-1

如何將頁腳保留在頁面底部。這裏是我的代碼：如何將頁腳保留在頁面底部（HTML Javascript css）

<footer> Copyright 2013 All rights reserved.

那它..大聲笑，反正是沒有辦法，我可以用它來打倒頁腳到頁面的底部，因爲當我使用<footer>代碼它停留在任何CSS中間而不是底部

來源

2013-04-24 user2277747

你能在http寫了演示：/ /jsbin.com/ – 2013-04-24 00:43:16

我認爲你所需要的只是一個粘性的頁腳。看看http://ryanfait.com/sticky-footer/

來源

2013-04-24 00:41:49 middleinitial

你可以使用CSS：

.footer { 
    position:fixed;bottom:0; 

    width:100%; 
    display:block; 
}

來源

2013-04-24 00:47:55 jahrichie

這會使頁腳粘在瀏覽器窗口的底部，始終可見，如果頁面更長，則會重疊其他內容。我認爲OP需要澄清他們是否想要，如果這只是關於沒有達到摺疊的較短頁面。 – bobsoap 2013-04-24 00:55:20

Ahhhh。那麼如果OP需要別的東西，我會使用jquery waypoints（http://imakewebthings.com/jquery-waypoints/）來聽取滾動點（或其他元素）的位置，並且在滿足閾值時，執行以上。 – jahrichie 2013-04-28 02:36:50

1）給予<body>的100％

body { height:100%; }

2）假設一個HTML結構這樣的高度：

<div id="container"> 
    some content 
</div> 
<footer> 
    Copyright 2013 All rights reserved. 
</footer>

，並且假設您的<footer>是40px的高度，將它添加到#container：

#container { min-height:100%; padding-bottom:40px; margin-bottom:-40px; }

來源

2013-04-24 00:50:49 bobsoap

我用：

#footerbox { 
height:125px;width:55%; 
background: #333; 
position:absolute; 
bottom:50px; 
left:0; 
right:0; 
margin-left:auto; 
margin-right:auto; 
color:#FF9966; 
font: normal 13px verdana, sans-serif;

我建議高度設置爲任何你感到滿意，但我把它做大有所有的信息在裏面像法律的東西，聯繫方式等。然後，對於版權，我使用

#copyright { 
height:20px;width:55%; 
background: #333; 
position:absolute; 
bottom:50px; 
left:0; 
right:0; 
margin-left:auto; 
margin-right:auto; 
color:#FFFFFF; 
font: normal 13px verdana, sans-serif; 
border-top:2px solid #FF9966; 
}

希望這有所幫助。您還可以將寬度設置爲任何想要的值，像素或百分比。如果這就是你想要的，它不會很難把它貼在底部。爲了使著作權重疊較大的頁腳，只需用

.class{ 
clear:both; 
}

在你的CSS的頂部，然後清除p標籤在你的HTML像這樣

<div id="copyright"> 
<p class="clear">&copy herp derp</p> 
</div>

來源

2013-04-24 01:54:18

如何將頁腳保留在頁面底部（HTML Javascript css）

回答

相關問題