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