CSS3 實現(xiàn)footer 固定在底部(無論頁面多高始終在底部)
發(fā)布時間：2019-10-15 14:05:21 作者：佚名 
我要評論
我要評論這篇文章主要介紹了CSS3 實現(xiàn)footer 固定在底部(無論頁面多高始終在底部)的相關資料,需要的朋友可以參考下
前言
把 footer 區(qū)固定在底部，無論頁面高度多寬，它始終在底部不會變，就像移動端的菜單一樣。
<!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 實現(xiàn)footer 固定在底部(無論頁面多高始終在底部),希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！
如果你覺得本文對你有幫助，歡迎轉(zhuǎn)載，煩請注明出處，謝謝！
相關文章
CSS3實現(xiàn)固定網(wǎng)頁底部半圓(弧形)展開導航特效源碼
CSS3實現(xiàn)固定網(wǎng)頁底部半圓(弧形)展開導航特效源碼是一款效果不錯的網(wǎng)站導航菜單特效代碼?；⌒尾藛喂潭ㄔ诰W(wǎng)頁底部，默認是收縮狀態(tài)，點擊“+”號，導航菜單展開，點擊“-”2016-03-18
基于jquery+css3的固定的網(wǎng)頁底部的炫酷工具條
jquery+css實現(xiàn)的工具條菜單效果，工具條固定在頁面底部，鼠標滑過工具條上的項目有浮動提示信息，可以向上彈出菜單選擇，可以隱藏整個工具條，功能無比強大2012-09-27
