頁腳底部

我發現了很多關於這個主題的文章，但沒有關於它的文章對我有用，我想在頁面底部製作一個頁腳，當內容不夠大時，內容比我的頁腳留在內容下的屏幕更長，並且不會粘在屏幕的底部。頁腳底部

在此先感謝！

來源

2013-05-05 Yoshi Peters

這是另一個例子，如何做到這一點，在所有瀏覽器AFAIK中都能正常工作。 http://peterned.home.xs4all.nl/examples/csslayout1.html

編輯：我不是作家，只是看着自己的東西一樣，前一段時間。

來源

2013-05-05 08:56:23 Cthulhu

我使用了精確的代碼，它這樣做：http://gyazo.com/28d5dd1e1893d0c9f264cb9c8bd70b5c – 2013-05-05 09:07:44

這工作，我有我的代碼中的問題我身體的身高被設置爲100，而不是100％.. – 2013-05-05 09:10:40

編輯：嘗試CSS Sticky Footer：它很好，只有CSS。

如果您想實驗，absolute CSS位置屬性也可以工作。結帳MDN docs：

#footer { 
    position: absolute; 
    bottom: 0; 
}

來源

2013-05-05 08:45:00

我只是希望它在頁面不是在屏幕底部的底部，所以當含量小，它是在屏幕的底部，但是當內容很大時，您需要向下滾動以查看頁腳。 – 2013-05-05 08:49:14

現在我不知道，我建議嘗試使CSS粘滯頁腳適應您的需求。 – 2013-05-05 09:07:52

這其實很容易做到這一點只是CSS，但也有一些小的限制。下面是它是如何做演示（查看源代碼獲得代碼）：

http://www.pmob.co.uk/temp/sticky-footer-ie8new-no-table.htm

這裏是它如何工作的詳細解釋，如果你需要它：

http://www.sitepoint.com/forums/showthread.php?171943-CSS-FAQ-Tips-etc-Please-read-before-posting!&p=1239966#post1239966

來源

2013-05-05 08:47:37

當內容足夠大的時候，它已經到了底部，但是當內容很小時，它就會出現：（ – 2013-05-05 08:55:06

怎麼會這樣呢？只要打開演示程序，頁腳就停留在底部，儘管內容甚至不會佔用半個屏幕。 – Cthulhu 2013-05-05 09:00:37

是啊我知道，我可能在我的代碼中存在一個問題，我認爲... – 2013-05-05 09:03:48

- 由JavaScript

做到這一點 - 例如

<div class='content'> 
    your page 
</div> 
<div class='Footer'>Footer</div> 

<script src="jquery.js" type="text/javascript"></script> 
<script type="text/javascript"> 
var document_height = $(document).height(); 
var content_height = $('.content').height(); 

if (content_height < document_height) { 
    $('.content').css('height', (document_height)); 
} 
</script>

來源

2013-05-05 09:15:28 user2351467

回答

相關問題