HTML和CSS爲了修復網站的頁腳內容

-1

任何人都可以教我如何創建一個頁腳div，它始終停留在網站的底部，不管中間有多少信息，最重要的是這裏是我沒有固定中間內容的任何高度屬性（請注意，這是「網站」而不是「窗口」，因爲我不想固定頁腳，強制用戶每次向上滾動時都會看到頁腳或向下滾動到我的網站）一個特定的例子就像Facebook一樣，無論您點擊舊帖子按鈕多少次，頁腳始終位於頁面末尾。無論如何，HTML和CSS甚至JavaScript都可以做到這一點。請幫助我，並且非常感謝你的進步！HTML和CSS爲了修復網站的頁腳內容

來源

2012-01-08 Eli

這是非常基本的HTML。 Google會在幾秒鐘內爲您提供解決方案。 – Scott 2012-01-08 09:16:16

我以前用過stickyfooter。您可以在這裏瞭解到它http://ryanfait.com/sticky-footer/

來源

2012-01-08 09:16:09 mrmo123

您將頁腳內容放在其他內容之後。就這樣。

（除非您需要處理位於正常流程之外的早期內容，並且處於浮動狀態等）。

來源

2012-01-08 09:18:11 Quentin

一種方法是使用帶有頁腳div的母版頁。請看這篇MSDN文章以獲取更多信息：http://msdn.microsoft.com/en-us/library/wtxbf3hh.aspx

來源

2012-01-08 09:19:01 Veronica

如果您希望頁腳被壓低到窗口的底部（如果內容不足以填充窗口），請使用this article。

總結文章：

創建周圍的頁面元素的包裝：

<div id="container"> 
    <div id="header"></div> 
    <div id="body"></div> 
    <div id="footer"></div> 
</div>

使用CSS，給身體100%高度，給容器position：

html, body { 
    margin: 0; 
    padding: 0; 
    height: 100%; 
} 
#container { 
    min-height: 100%; 
    position: relative; 
}

再次使用CSS，得到內容（在這個例子中，#body），包含頁腳的高度padding-bottom和在bottom: 0頁腳絕對定位：

#body { 
    padding-bottom: 60px; /* Height of the footer */ 
} 
#footer { 
    position: absolute; 
    bottom: 0; 
    width: 100%; 
    height: 60px; /* Height of the footer */ 
}

重要的是頁腳有一個固定高度（即在px或em）。

這裏你可以看到這個技術的演示：http://jsfiddle.net/PPvG/F7Fph/

來源

2012-01-08 11:12:31 PPvG

HTML和CSS爲了修復網站的頁腳內容

回答

相關問題