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

Susan Sarandon

发布： 2024-11-25 14:38:12

原创

373 人浏览过

How to Fix a Footer at the Bottom of the Page in 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中文网其他相关文章！

来源：php.cn

上一篇：为什么我的动态加载 CSS 样式表仅在某些浏览器中工作（以及如何修复它）？下一篇：HTML 中的媒体属性

本站声明

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn

作者最新文章