所謂 “Sticky Footer”，并不是什么新的前端概念和技術，它指的就是一種網頁效果：如果頁面內容不足夠長時，頁腳固定在瀏覽器窗口的底部；如果內容足夠長時，頁腳固定在頁面的最底部。但如果網頁內容不夠長，置底的頁腳就會保持在瀏覽器窗口底部。
實現
方法
1. 將內容部分的底部外邊距設為負數
這是個比較主流的用法，把內容部分最小高度設為100%，再利用內容部分的負底部外邊距值來達到當高度不滿時，頁腳保持在窗口底部，當高度超出則隨之推出的效果。
<body> <div class="wrapper"> content <div class="push"></div> </div> <footer class="footer"></footer></body>html, body { height: 100%; margin: 0;}.wrapper { min-height: 100%; /* 等于footer的高度 */ margin-bottom: -50px;}.footer,.push { height: 50px;}這個方法需要容器里有額外的占位元素（如.push）
需要注意的是.wrapper的margin-bottom值需要和.footer的負的height值保持一致，這一點不太友好。
2. 將頁腳的頂部外邊距設為負數
既然能在容器上使用負的margin bottom，那能否使用負margin top嗎？當然可以。
給內容外增加父元素，并讓內容部分的底部內邊距與頁腳高度的值相等。
<body> <div class="content"> <div class="content-inside"> content </div> </div> <footer class="footer"></footer></body>html, body { height: 100%; margin: 0;}.content { min-height: 100%;}.content-inside { padding: 20px; padding-bottom: 50px;}.footer { height: 50px; margin-top: -50px;}不過這種方法和上一種一樣，都需要額外添加不必要的html元素。
3. 使用flexbox彈性盒布局
以上三種方法的footer高度都是固定的，通常來說這不利于網頁布局：內容會改變，它們都是彈性的，一旦內容超出固定高度就會破壞布局。所以給footer使用flexbox吧，讓它的高度可以變大變小變漂亮~（亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb
日韩欧美国产视频| 国产精品看片资源| 亚洲欧美日韩中文视频| 亚洲国产成人久久| 欧美一级视频一区二区| 久久久久久久久爱| 91情侣偷在线精品国产| 日韩免费在线视频| 国产精品视频免费观看www| 欧美激情高清视频| 亚洲性日韩精品一区二区| 精品国产福利在线| 欧美理论电影在线播放| 精品视频在线播放| 亚洲国产精品小视频| 中文字幕一区电影| 日韩欧美在线免费| 26uuu日韩精品一区二区| 在线成人免费网站| 成人国产在线激情| 国产欧美日韩丝袜精品一区| 欧美精品videos性欧美| 91视频-88av| 九九热视频这里只有精品| 欧美成人精品h版在线观看| 日韩网站免费观看| 国产成人精品免高潮在线观看| 国产精品青青在线观看爽香蕉| 亚洲性生活视频| 国产成人综合精品| 久久久久www| 17婷婷久久www| 久久久久久成人| 亚洲一区二区国产| 久久久伊人欧美| 97超碰蝌蚪网人人做人人爽| 91视频九色网站| 国产精品爽黄69| 欧美美最猛性xxxxxx| 中文欧美日本在线资源| 26uuu另类亚洲欧美日本老年| 在线亚洲国产精品网| 精品在线小视频| 亚洲一级一级97网| 日韩精品一区二区三区第95| 91成品人片a无限观看| 精品视频偷偷看在线观看| 91美女片黄在线观看游戏| 国精产品一区一区三区有限在线| 国产999精品视频| 97人人模人人爽人人喊中文字| 日韩亚洲国产中文字幕| 久久久久久久国产| 亚洲激情在线观看视频免费| 草民午夜欧美限制a级福利片| 伊人伊成久久人综合网小说| 国产在线精品成人一区二区三区| 91超碰中文字幕久久精品| 91久久精品美女高潮| 久久的精品视频| 国产亚洲欧洲高清| 精品日韩美女的视频高清| 国产精品成人观看视频国产奇米| 国产精品香蕉国产| 欧美成人免费观看| 亚洲国产精久久久久久| 91国产美女在线观看| 欧美激情a∨在线视频播放| 欧美日韩国产综合视频在线观看中文| 最近2019中文免费高清视频观看www99| 国产成人福利网站| 午夜精品一区二区三区在线视频| 国产精品丝袜久久久久久不卡| 国产精品h片在线播放| 两个人的视频www国产精品| 日韩精品久久久久久久玫瑰园| 日本免费一区二区三区视频观看| 欧美激情第一页xxx| 成人免费黄色网| 久久久亚洲欧洲日产国码aⅴ| 欧美在线视频一二三| 日韩欧美一区视频| 亚洲国产成人精品电影| 欧洲亚洲免费视频| 97在线免费观看视频| 国产一区二区三区在线看| 国产免费观看久久黄| 国产女人18毛片水18精品| 国产精品亚洲网站| 亚洲一区二区久久久久久久| 最近2019年日本中文免费字幕| 91在线精品播放| 国产精品成人免费视频| www.xxxx欧美| 欧美成人性色生活仑片| 一本色道久久88综合日韩精品| 日韩成人在线视频| 国产成人精品在线| 91精品视频大全| 久久精品视频va| 日韩av在线电影网| 国内精品视频一区| 成人精品视频99在线观看免费| 欧美性xxxxx极品娇小| 日韩在线精品一区| 国产精品国产亚洲伊人久久| 色狠狠久久aa北条麻妃| 色天天综合狠狠色| 午夜剧场成人观在线视频免费观看| 欧美裸身视频免费观看| 亚洲美女性生活视频| 久久久亚洲福利精品午夜| 色综合视频一区中文字幕| 日韩**中文字幕毛片| 狠狠躁夜夜躁久久躁别揉| 亚洲成人网久久久| 欧美日韩亚洲91| 久久久精品国产亚洲| 97人洗澡人人免费公开视频碰碰碰| 日本伊人精品一区二区三区介绍| 亚洲电影成人av99爱色| 欧美激情videos| 成人免费网视频| 亚洲大胆人体av| 中文字幕不卡在线视频极品| 欧美一区二区大胆人体摄影专业网站| 福利二区91精品bt7086| 日本高清视频一区| 91精品国产777在线观看| 国产自摸综合网| 亚洲自拍小视频| 日韩精品在线私人| 亚洲精品黄网在线观看| 日韩精品在线播放| 久久在线观看视频| 国产亚洲xxx| 成人黄色中文字幕| 亚洲成色www8888| 亚洲欧洲在线免费| 日韩禁在线播放| 中文字幕日韩在线视频| 欧美日韩国产第一页| 亚洲性夜色噜噜噜7777| 亚洲国产天堂久久综合网| 久久色免费在线视频| 久久国产精品免费视频| 欧美精品精品精品精品免费| 亚洲电影免费观看高清完整版| 中文字幕一区电影| 亚洲国产精品大全| 欧美另类在线观看| 国产精品久久久久久久一区探花| 51精品国产黑色丝袜高跟鞋| 亚洲大胆美女视频| 中文字幕精品一区二区精品| 成人日韩在线电影| 国产欧美在线视频| 色哟哟入口国产精品| 黑人与娇小精品av专区| 狠狠综合久久av一区二区小说| 成人乱人伦精品视频在线观看| 中文字幕一区日韩电影| 日韩欧美在线看| 91精品在线播放|