[問題] footer置底

看板Web_Design作者 (121)時間10年前 (2015/02/17 14:14), 編輯推噓5(504)
留言9則, 6人參與, 最新討論串1/1
我寫網頁程式碼的編排順序大致上是這樣: -------------- header nav article footer -------------- 但是有時候article區塊的高度如果很小的話, footer區塊就會跟著往上升,footer區塊下方就會露出空白的部分。 想請教如何把footer區塊置底於網頁視窗的最下方? 大概知道要用css去設定bottom為0, 至於position就不知道要說定怎樣的值了,因為似乎都沒效。 請大大們幫我解惑。謝謝 -- http://www.facebook.com/mejenservice -- ※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 1.165.32.49 ※ 文章網址: https://www.ptt.cc/bbs/Web_Design/M.1424153661.A.C00.html

02/17 14:37, , 1F
給article min-height或sticky footer?
02/17 14:37, 1F

02/17 14:50, , 2F
你最外層的container有設高度吧?不然靠內容物去撐開
02/17 14:50, 2F

02/17 14:51, , 3F
高度應該不會有這個問題
02/17 14:51, 3F

02/17 15:23, , 4F

02/17 21:56, , 5F
謝謝
02/17 21:56, 5F

02/17 22:52, , 6F
關鍵字叫做sticky footer
02/17 22:52, 6F

02/18 11:54, , 7F
這種做法當高度縮小時footer會蓋到上面的區塊
02/18 11:54, 7F

02/18 11:54, , 8F
我比較常用有push作法的 應該跟這一樣
02/18 11:54, 8F

02/18 11:55, , 9F
文章代碼(AID): #1Kujmzm0 (Web_Design)