粘性页脚覆盖正文内容的底部

Posted

技术标签:

【中文标题】粘性页脚覆盖正文内容的底部【英文标题】:Sticky footer covers bottom of body content 【发布时间】:2019-06-22 20:04:26 【问题描述】:

我添加了一个粘性页脚,但我无法让它不覆盖 Safari 中的正文内容。 Chrome 和 FF 工作正常,我在正文中添加了一个底部边距以抵消粘性页脚的高度。为什么在 Safari 中不起作用?

这里是有问题的页面...我不知道要在这里粘贴代码的哪些部分,对不起...

http://go.datis.com/2019summit_agenda

我希望正文内容与粘性页脚之间有一个边距。

【问题讨论】:

【参考方案1】:

你可以添加

    padding-bottom: 200px

到你的活动课

【讨论】:

那行得通,比你厉害多了!感谢您的帮助【参考方案2】:

div class="large-header" id="large-header" 上的内联 height 样式似乎与样式表第 416 行的最大高度样式冲突。

【讨论】:

以上是关于粘性页脚覆盖正文内容的底部的主要内容,如果未能解决你的问题,请参考以下文章

在引导程序中具有可变高度的粘性页脚

页面内容不足时如何使页脚移至底部

需要粘性页眉/页脚,但 CMS 不会让我在正文标签中编码

带有侧导航和内容区域的 CSS3/HTML5 粘性页眉/页脚

页脚不浮动在底部

具有不同内容高度的粘性页脚,无需页面刷新