在像wappwolf這樣的頁面上獲取一個固定的可見底部頁腳

Question

對CSS不太好。只需要一個類似於www.wappwolf.com的頁腳 - 不確定它是如何工作的（CSS概念），有沒有我可以看到的清晰解釋的例子？我不需要很多複雜/黑客的工作來使它在舊版瀏覽器上工作等。與現代版本的兼容性很好。

Answer 1

這是一般最好至少這種嘗試自己，但是這應該讓你開始：

給您的頁腳股利這些樣式：

div{ 
    position:fixed; 
    width:100%; 
    left:0px; 
    bottom:0px; 
    height:50px; //or whatever height you want 
} 

Position Fixed將保持頁腳在相同的位置，即使滾動。 left and bottom將保持它位於屏幕的左側和底部（左側並不是完全必要的，因爲它是屏幕的整個寬度，但IE有時可能沒有它的車）。

將您的height設置爲最適合您的頁腳內容的任何內容。我假設你會知道如何設置實際的列。