這篇文章主要介紹了如何使用純css實(shí)現(xiàn)footer一直在頁面底部不隨頁面滾動，具有一定借鑒價值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

成都創(chuàng)新互聯(lián)服務(wù)項(xiàng)目包括南岔網(wǎng)站建設(shè)、南岔網(wǎng)站制作、南岔網(wǎng)頁制作以及南岔網(wǎng)絡(luò)營銷策劃等。多年來，我們專注于互聯(lián)網(wǎng)行業(yè)，利用自身積累的技術(shù)優(yōu)勢、行業(yè)經(jīng)驗(yàn)、深度合作伙伴關(guān)系等，向廣大中小型企業(yè)、政府機(jī)構(gòu)等提供互聯(lián)網(wǎng)行業(yè)的解決方案，南岔網(wǎng)站推廣取得了明顯的社會效益與經(jīng)濟(jì)效益。目前，我們服務(wù)的客戶以成都為中心已經(jīng)輻射到南岔省份的部分城市，未來相信會繼續(xù)擴(kuò)大服務(wù)區(qū)域并繼續(xù)獲得客戶的支持與信任！

css
代碼如下:

html, body, #sticker {height: 100%;}
   body > #sticker {height: auto; min-height: 100%;}
   #stickerCon {padding-bottom: 40px;}
   #footer {margin-top:-40px; height: 40px; width: 100%; text-align: center; line-height: 40px; color: #ABA498; font-size: 12px; background: #fafafa; border-top:1px solid #E7E7E7;}

html

代碼如下:

感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享的“如何使用純css實(shí)現(xiàn)footer一直在頁面底部不隨頁面滾動”這篇文章對大家有幫助，同時也希望大家多多支持創(chuàng)新互聯(lián)網(wǎng)站建設(shè)公司，，關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，更多相關(guān)知識等著你來學(xué)習(xí)!

分享標(biāo)題：如何使用純css實(shí)現(xiàn)footer一直在頁面底部不隨頁面滾動-創(chuàng)新互聯(lián)
標(biāo)題URL：http://weahome.cn/article/dciojs.html