2011-10-19 50 views
0

我希望我的頁腳堅持到頁面的底部,所以我用一個非粘性頁腳CSS幫助?

position: absolute; 
bottom: 0px; 

,它帶來的底部,但是當你重新大小的窗口,它小,頁腳是重疊頁面上的其他所有內容。

你如何保持它的底部,然後如果頁面太小,只是不顯示頁腳(不讓它覆蓋其他內容)

回答

0

你所描述的是一個Sticky Footer。除了使用javascript之外,這是一件非常複雜的事情,並且在很多情況下都是特定於實現的(只會在構建它的站點上工作:P)。我鏈接的這個網站有一種可能或可能不適合你的方式。當我想要做到這一點時,它不適合我,但這一切都取決於具體情況。

+0

你有任何資源在JavaScript做到這一點? – pongahead

0

要使頁腳收縮或以其他方式採取不同的時,瀏覽器是小,你需要由負載觸發JavaScript和調整事件(至少),將檢查的主要頁面的高度,並且下時具體大小會修改頁腳的屬性。

不可能以任何方式我可以想像單獨CSS。