小編給大家分享一下CSS3如何實現footer固定在底部,希望大家閱讀完這篇文章之后都有所收獲,下面讓我們一起去探討吧!
創新互聯長期為上千余家客戶提供的網站建設服務,團隊從業經驗10年,關注不同地域、不同群體,并針對不同對象提供差異化的產品和服務;打造開放共贏平臺,與合作伙伴共同營造健康的互聯網生態環境。為晉州企業提供專業的成都網站建設、成都網站制作,晉州網站改版等技術服務。擁有十余年豐富建站經驗和眾多成功案例,為您定制開發。前言
把 footer 區固定在底部,無論頁面高度多寬,它始終在底部不會變,就像移動端的菜單一樣。
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>document</title> <!-- css --> <style> #demo{ position: fixed; left: 0px; bottom: 0px; width: 100%; height: 50px; background-color: #eee; z-index: 9999; } </style> </head> <body> <footer id="demo">我是footer</footer> </body> </html>
看完了這篇文章,相信你對“CSS3如何實現footer固定在底部”有了一定的了解,如果想了解更多相關知識,歡迎關注創新互聯行業資訊頻道,感謝各位的閱讀!
網頁名稱:CSS3如何實現footer固定在底部-創新互聯
新聞來源:http://vcdvsql.cn/article42/ceciec.html
成都網站建設公司_創新互聯,為您提供響應式網站、App開發、標簽優化、網站制作、微信小程序、網站設計公司
聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創新互聯