作者backfish (121)
看板Web_Design
標題[問題] footer置底
時間Tue Feb 17 14:14:17 2015
我寫網頁程式碼的編排順序大致上是這樣：
--------------
header
nav
article
footer
--------------
但是有時候article區塊的高度如果很小的話，
footer區塊就會跟著往上升，footer區塊下方就會露出空白的部分。
想請教如何把footer區塊置底於網頁視窗的最下方？
大概知道要用css去設定bottom為0，
至於position就不知道要說定怎樣的值了，因為似乎都沒效。
請大大們幫我解惑。謝謝
--
http://www.facebook.com/mejenservice
--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 1.165.32.49
※ 文章網址: https://webptt.com/m.aspx?n=bbs/Web_Design/M.1424153661.A.C00.html
1F：推 alvis0309: 給article min-height或sticky footer? 02/17 14:37
2F：推 iamnodoubt: 你最外層的container有設高度吧?不然靠內容物去撐開 02/17 14:50
3F：→ iamnodoubt: 高度應該不會有這個問題 02/17 14:51
5F：→ backfish: 謝謝 02/17 21:56
6F：推 matrixki: 關鍵字叫做sticky footer 02/17 22:52
7F：推 not5not6not7: 這種做法當高度縮小時footer會蓋到上面的區塊 02/18 11:54
8F：→ not5not6not7: 我比較常用有push作法的 應該跟這一樣 02/18 11:54