如何修复 HTML 页面底部的页脚？

在 HTML 中修复页面底部的页脚

在 HTML 代码中，您指定了一个名为“footer”的类，其背景颜色和相对颜色定位。然而，页脚并没有完全跨越页面宽度，其下方留有空白。

要解决此问题并使页脚固定在页面底部，您可以使用以下 CSS 代码：

.footer {
  color: #fff;
  clear: both;
  margin: 0;
  padding: 0.75em;
  background: #000;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  border-top: 1px solid #000;
}

此代码应用了以下修改：

• 固定位置：位置：固定和底部：0 将页脚固定在页面底部。
• 全宽度：左：0和右：0确保页脚跨越整个页面宽度。
• 无空白： 删除边距和填充可防止任何空白出现在页脚。

以上是如何修复 HTML 页面底部的页脚？的详细内容。更多信息请关注PHP中文网其他相关文章！