用CSS固定footer在底部的疑問？

【html組織】

&

&&

&&&

&&&

&&

&

【CSS】

【最終網頁效果】

---------------------------------------------------------------------------------------------------------------------

【問題】

不論container和footer的位置屬性設為relative還是absolute，都不會影響到最終結果。請問正確的位置屬性設置方法是怎樣？

這個是css中比較經典的問題。

這裡固定在底部包括兩種情況，第一種是當頁面內容尚未填充滿的時候，頁腳需要固定在底部，第二種是頁面填充滿後，頁腳需要隨頁面內容的增加而填充在主體內容的下方。

由於受書寫模式的影響，一般情況下無法直接將一元素置於垂直的某一位置，除非使之脫離普通流。而脫離普通流後就很難滿足第二種要求，這種情況下也可藉助js進行計算進行定位，但這種效果可能由於計算時間和瀏覽器渲染的問題發生跳動（沒親自試過）。因此，這裡提供一種比較通用的，基於普通文檔流的解決方法。

&
&
&