css如何實現始終將footer固定在底部
- 王林轉載
- 2020-03-11 10:59:134677瀏覽
目標：
把 footer 區固定在底部，無論頁面高度多寬，它總是不會在底部變，就像行動端的選單一樣。
（推薦教學：CSS入門教學）
實例：
<!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>相關影片教學建議：css影片教學
以上是css如何實現始終將footer固定在底部的詳細內容。更多資訊請關注PHP中文網其他相關文章！
陳述：
本文轉載於：jb51.net。如有侵權，請聯絡admin@php.cn刪除
上一篇：css如何進行空格處理下一篇：css如何進行空格處理