创建位于可滚动正文div下方的固定页脚

<div class="content">
  <!-- 页面内容 -->
</div>

.content {
  overflow-y: auto; /* 允许垂直滚动 */
  height: 100vh; /* 设置正文div的高度为视口高度 */
  padding-bottom: 50px; /* 设置底部页脚的占位高度 */
}

.footer {
  position: fixed; /* 固定定位 */
  bottom: 0; /* 设置页脚距离页面底部的距离为0 */
  width: 100%; /* 设置页脚宽度为100% */
  height: 50px; /* 设置页脚高度 */
  background-color: #f5f5f5; /* 设置页脚背景颜色 */
}

<div class="footer">
  <!-- 页脚内容 -->
</div>