在網頁開發中，底部固定是一個非常常見的功能。HTML5提供了一種簡單的方法來實現底部固定，只需幾行代碼即可完成。下面是一個簡單的HTML5底部固定代碼：
<!DOCTYPE html>
<html>
<head>
<title>底部固定測試</title>
<style>
body {
margin: 0;
padding: 0;
}
.content {
padding: 50px;
min-height: calc(100vh - 100px);
}
.footer {
background-color: #333;
color: #fff;
height: 50px;
line-height: 50px;
text-align: center;
position: fixed;
bottom: 0;
left: 0;
width: 100%;
}
</style>
</head>
<body>
<div class="content">
<p>在網頁開發中，底部固定是一個非常常見的功能。</p>
</div>
<div class="footer">
<p>版權所有 ? 2021 HTML5 & CSS3 特許權利所有</p>
</div>
</body>
</html>這段代碼包含了一個包含內容的固定高度的div以及一個用于底部的固定高度的div，并且底部div使用了CSS中的fixed定位和bottom屬性，確保它總是在底部可見，并且實現了自適應寬度。把這段代碼復制到你的HTML5文件中，改變里面的內容和樣式，即可完成自己的底部固定功能了。
下一篇html5開發設置