CSS定位

Question

沮喪，我現在還不能掌握一定的CSS的概念，但不管怎麼說，這就是問題所在：

我想在我的網站的底部中央的文本行（基本的index.html初始頁面）。我還希望文本根據各種顯示器分辨率在頁腳上浮動10-20像素，以使其始終位於底部。

我需要在「定位」樣式表屬性中勾選哪些選項？相對？固定？絕對？

到目前爲止，我的設置是「相對」，頂部爲600像素，底部爲200像素。但在13英寸顯示器上它看起來很棒，例如，它在27英寸顯示器的頁面正中。

只是想中心底部的該死的東西，在一個瀏覽狀態欄前一點喘息的空間 - 獨立的顯示器尺寸的。

Answer 1

使用position: fixed將頁腳粘到窗口的底部。我已經制定了一個快速演示here。

的CSS：

div#footer { 
    position: fixed; 
    background: red; 
    text-align: center; 
    padding-bottom: 20px; 
    bottom: 0; 
    left: 0; 
    right: 0; 
}​ 

紅色背景顯然可以移除，並且padding-bottom可以改變你的要求。

bottom: 0,left: 0和right: 0屬性強制頁腳位於頁面底部，並一直拉伸。

---

要製作一個頁腳跨不拉伸一路，嘗試this JSFiddle out instead。它使用一個內部元素和自動的左右邊距。