css固定页头和页脚 |纯css 404页面

大家首先来看如何固定页头。大家可以使用CSS中的position属性，将页头定位为固定位置。在HTML中，大家需要给页头一个ID，便于在CSS中进行定位。

HTML代码：
<header id="pageHeader">
<h1>这是页头</h1>
</header>
CSS代码：
#pageHeader {
position: fixed;
top: 0;
left: 0;
width: 100%;
}

在这段代码中，大家将页头的位置设置为固定的，即不随页面滚动而移动，它始终呆在页面的最顶端。大家设置了top和left为0，将它定位在页面左上角。同时，大家将它的宽度设置为100%，以确保它的宽度与整个页面一致。

接下来，大家再来看如何固定页脚。同样地，在HTML中给页脚一个ID，方便CSS定位。

HTML代码：
<footer id="pageFooter">
<p>这是页脚</p>
</footer>
CSS代码：
#pageFooter {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
}

在这段代码中，大家将页脚的位置设置为固定的，它始终呆在页面的最底部。同样地，大家将它的宽度设置为100%，以确保它的宽度与整个页面一致。这样，无论用户如何滚动页面，页面的页脚始终呆在底部，给用户提供了方便的导航。

通过这些CSS技巧，大家可以轻松地实现网页上的固定页头和页脚。这不仅可以为用户提供更好的使用体验，还可以增强网站的可读性和可操作性。