底下區塊footer如何永遠置底？

Question

我有設定 body 是 height:100%

但是當我如果網頁視窗過大的時候，
假設body內容沒有超過 100%，這樣我的底下區塊footer會有空白。。。

Answer 1

你可以搜索一下css sticky footer
关键点就是内容区设置min-height: 100%, padding-bottom: footer的高度。
再设置footer的margin-top: 负的footer的高度.

Answer 2

body设置min-height: 100% 强制拉长

或者

footer使用position: absolute or fixed