我为 Wordpress 网站创建了一个粘性页脚。我为该部分指定了 ID #formfooter
并使用了以下 CSS:
#formfooter{
position:fixed;
bottom: 0px;
width: 100%;
z-index: 999;
}
现在我想扩展 website's高度相应。当用户向下滚动到底部时,粘性页脚会覆盖底部的内容。我怎样才能让它向下滚动一点?
最佳答案
这是因为您的内容显示在粘滞栏后面。
您需要您的容器(即包含您的信息的容器)有一个 margin-bottom
,这样它就不会在您的粘性内容后面显示信息。
假设您的布局看起来像这样:
<body>
<div class="container">
THE CONTENT OF YOUR HTML PAGE
</div>
<div class="sticky-footer">
YOUR STICKY FOOTER, let's say it take 20px as height
</div>
</body>
你需要做类似的事情:
.container {
margin-bottom: 20px; (i.e. the size of you sticky content)
}
关于html - 粘性页脚隐藏了我网站底部的内容,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53709932/