CSS3 實現footer 固定在底部(無論頁面多高始終在底部)

  發布時間:2019-10-15 14:05:21   作者:佚名   我要評論
這篇文章主要介紹了CSS3 實現footer 固定在底部(無論頁面多高始終在底部)的相關資料,需要的朋友可以參考下

前言

把 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 固定在底部(無論頁面多高始終在底部),希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對腳本之家網站的支持!
如果你覺得本文對你有幫助,歡迎轉載,煩請注明出處,謝謝!

相關文章

最新評論

福建体育彩票时时彩11