Html 底部有粘性页脚，正文中没有内容重叠
我有一个粘在底部的页脚，但问题是正文和页脚的内容重叠 目前，我的html、正文和main设置为height 100%/min height:100%，但我的页脚的位置是绝对的，左侧为0，底部为0。问题是，我的背景图像位于主视图的底部，它与定位的绝对页脚重叠 我还试着不让我的页脚绝对定位，只让主高度为100%，这很好，但我必须向下滚动才能看到页脚。为什么页脚被向下推得如此之多以至于我需要向下滚动？我希望页脚正好位于页面底部，而不必向下滚动查看Html 底部有粘性页脚，正文中没有内容重叠,html,css,Html,Css,我有一个粘在底部的页脚，但问题是正文和页脚的内容重叠 目前，我的html、正文和main设置为height 100%/min height:100%，但我的页脚的位置是绝对的，左侧为0，底部为0。问题是，我的背景图像位于主视图的底部，它与定位的绝对页脚重叠 我还试着不让我的页脚绝对定位，只让主高度为100%，这很好，但我必须向下滚动才能看到页脚。为什么页脚被向下推得如此之多以至于我需要向下滚动？我希望页脚正好位于页面底部，而不必向下滚动查看 <html> <body>
<html>
<body>
<main>
<div>Contents here</div>
</main>
<footer/>
</body>
</html>
html, body, main {
height: 100%;
}
.content {
background-repeat: no-repeat;
background-position-y: 100%;
background-position-x: center;
background-size: 1000px;
}
这里的内容
html，主体，主体{
身高：100%；
}
.内容{
背景重复：无重复；
背景位置y:100%；
背景位置x：中心；
背景尺寸：1000px；
}
html，正文{
身高：100%；
保证金：0；
}
.内容{
填充：20px；
最小高度：100%；
保证金：0自动-50px；
}
.页脚，
.推{
高度：50px；
}
带负边距的粘性页脚1
添加内容
页脚