如何創建一個頁腳其粘在屏幕的底部

可能重複：
CSS sticky footer 如何創建一個頁腳其粘在屏幕的底部

嗨，

？我怎樣才能創建一個頁腳粘到屏幕底部（不是頁面）儘管側面有滾動條？例如： http://www.sportingnews.com/

謝謝。

2010-12-21 michael

[CSS粘的頁腳]（可能的重複http://stackoverflow.com/questions/3906065/ css-sticky-footer），加上[很多其他粘性頁腳問題...]（http://stackoverflow.com/search?q= [css] +粘性頁腳）。 – 2010-12-21 21:45:30

其所謂stickyfooter

http://www.cssstickyfooter.com/using-sticky-footer-code.html

來源

2010-12-21 21:44:32 Jakub

有幾種方法，各有其自身的優勢/劣勢（尤其是瀏覽器的兼容性。）也許最簡單的是固定的定位，這在IE6不工作。

.bar { 
    bottom: 0; 
    position: fixed; 
    z-index: 2; /* May need to be tweaked, depending on your design and functionality. */ 
}

如果您需要IE6的兼容性，您可以實現一個JS文件，它使IE6（及更多）支持IE6。退房ie7.js

來源

2010-12-21 21:47:14 simshaun

Fixed footer（與IE6兼容）

你可以看到一個演示here

來源

2010-12-21 21:49:29 Karoo

<div style="position: fixed;bottom: 0px;">Footer text</div>

來源

2010-12-21 21:51:15 Kyle

如何創建一個頁腳其粘在屏幕的底部

回答

相關問題