作者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/cn.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