Html <；车身>；内容重叠和覆盖部分<；页脚>；

我有一个页脚，它的位置是固定的，所以不管你是否在页面的底部，它都保持在底部。我的问题是它没有背景，所以正文实际上是页脚的重叠部分

我试着给身体一个最大高度，这个高度不起作用，还有一个边距底部，就是页脚的高度，但也不起作用

下面是这张照片的样子（社交媒体图标是页脚，“体验”是身体的一部分）：

如何使正文的内容在接触页脚时停止而不重叠？我还希望页脚的背景保持透明。我知道当你在页脚上添加背景时，一切都解决了，但是我的网站没有背景更为一致

下面是我的一些代码对于页脚和正文的基本外观

正文{
显示器：flex；
弯曲方向：立柱；
边际：0px；
背景图片：url（'../img/mountain bg.jpg'）；
背景附件：固定；
背景重复：无重复；
背景尺寸：封面；
字体系列：“Segoe UI”，无衬线；
字号：100；
}
页脚{
显示器：flex；
flex:040px；
页边顶部：自动；
对齐项目：居中；
证明内容：中心；
位置：固定；
底部：0；
宽度：100%；
高度：40px；
弹性收缩：0；
}

测试文本在这里
测试文本在这里
测试文本在这里
测试文本在这里
测试文本在这里
这里的链接
更多页脚的东西

我敢肯定，在不将背景添加到页脚的情况下实现您想要的效果的唯一方法是将滚动条直接添加到您的身体（通过设置

overflow:auto；

）并限制其高度

---

基本上，你的页面高度会被限制在一个屏幕上，并且在正文中有一个滚动条。

可能是这样的吗？您不想直接设置主体的样式，因为页脚受主体样式的影响。相反，您可以将所有内容包装在单独的容器中。此方法将页脚设置为相对于视口高度的高度，然后设置内容以填充其余视口高度（页脚+内容=100vh）。然后，在内容中添加一个溢出，使其滚动。这样，页脚在底部总是占据5vh，但内容不会重叠

正文{
保证金：0；
填充：0；
}
.内容{
高度：95vh；
背景：红色；
溢出：自动；
}
页脚{
位置：固定；
底部：0；
高度：5vh；
宽度：100%；
}

orem Ipsum只是印刷和排版行业的虚拟文本。自16世纪以来，Lorem Ipsum一直是行业标准的虚拟文本，当时一位不知名的印刷商拿起一个打印工具，将其拼凑成一本打印样本书。它不仅存活了五个世纪，而且还跨越到电子排版，基本上保持不变。它在20世纪60年代随着包含Lorem Ipsum段落的Letraset表单的发布而流行，最近随着Aldus PageMaker等桌面出版软件的发布而流行，包括Lorem Ipsum的版本。orem Ipsum只是印刷和排版行业的虚拟文本。自16世纪以来，Lorem Ipsum一直是行业标准的虚拟文本，当时一位不知名的印刷商拿起一个打印工具，将其拼凑成一本打印样本书。它不仅存活了五个世纪，而且还跨越到电子排版，基本上保持不变。它在20世纪60年代随着包含Lorem Ipsum段落的Letraset表单的发布而流行，最近随着Aldus PageMaker等桌面出版软件的发布而流行，包括Lorem Ipsum的版本。orem Ipsum只是印刷和排版行业的虚拟文本。自16世纪以来，Lorem Ipsum一直是行业标准的虚拟文本，当时一位不知名的印刷商拿起一个打印工具，将其拼凑成一本打印样本书。它不仅存活了五个世纪，而且还跨越到电子排版，基本上保持不变。它在20世纪60年代随着包含Lorem Ipsum段落的Letraset表单的发布而流行，最近随着Aldus PageMaker等桌面出版软件的发布，包括Lorem Ipsum版本。
页脚

您可以这样做：

注意：您必须根据您的项目更改CSS值

.footer{
位置：固定；
高度：10vh；
宽度：100%；
底部：0；
填充：20px 20px；
}
：-webkit滚动条{
宽度：0px；/*删除滚动条空间*/
背景：透明；/*可选：仅使滚动条不可见*/
}
.身体{
高度：75vh；
溢出：滚动；
}
身体，
html{
身高：100%；
}

对于所有的错误，我们都要清楚地认识到这一点，因为我们必须清楚地认识到，所有人都应该受到赞扬、尊重和尊重，因为他们都是发明家和准建筑师。尼莫·埃尼姆·伊普萨姆·沃卢帕塔姆·奎亚·沃卢帕斯
这是一个伟大的时代，是一个理性的时代。最重要的一点是，我们的共同利益，我们的共同利益，我们的共同利益，我们的共同利益，我们的共同利益，我们的共同利益，我们的共同利益，我们的共同利益，我们的共同利益，我们的共同利益，我们的共同利益，我们的共同利益，我们的共同利益，我们的共同利益，我们的共同利益
劳动和就业是一项巨大的财富。但在最小限度内，所有人都必须清楚地认识到错误所在，以确保安全、有效、符合发明者和准建筑师的要求
口头禅必须解释清楚。Nemo enim ipsam Voluptate是一个有价值的人，他是一个有价值的人，他是一个理性的人。这是我最爱的，我爱你，我爱你，我爱你，我爱你，
阿迪皮西·维利特，他是一个非努姆夸姆人