Html 边距不适用于Safari（元素位于页面底部）

请查看最新safari中的以下链接：

页脚固定在底部，并随滚动显示，因此上一节底部有边距，但不起作用，仅在Safari中。 其他任何地方都可以，即使在I.E。 我试图在页面包装器中添加overflow:auto，但在所有浏览器中，所有元素都会消失并出现，一切都会变得奇怪。 我还读到，删除高度：100%的正文和html可能会解决这个问题，但这不是我的选择，因为我需要图像来修复浏览器的高度

有人有其他可能的解决办法吗

---

提前感谢。

您可以添加一个与底部大小相同的div，并使其透明。 html:

---

公认的答案太复杂了。考虑这种方法（）：

保证金崩溃是一种正常的奇怪行为。 为了简单地避免它，添加

溢出：auto

您的页脚容器可能如下所示：

.footer-container {
    overflow: auto;
}

尝试制作元素

display:inline-block 

Safari应该尊重其尺寸和边距。
请提供您迄今为止所做的工作。您好，我曾尝试在页面包装中添加overflow:auto，但没有成功。您链接到的站点显然已经修复，这使得这个问题很难理解。请在问题中包含实际代码，而不是链接。（像JSFIDLE这样的网站似乎是可以接受的，但仍然没有得到真正的鼓励。）只要阅读一下就可以了，我会试试的。虽然不是很干净，哈哈哈不是很干净，但是有时候你需要提高效率：）我已经在本地测试过了，明天会上传。根据你的建议可以正常工作。就我的情况而言，因为我有一张地图，需要拖动，所以做了一些更改。div不能具有底部的大小，因为它会阻止贴图。以下是有效的：#tr页脚{高度：1px；宽度：100%；背景：透明；页边顶部：-1px；}谢谢！！！很抱歉，我不能投票支持你这是怎么回事？（而不是“正常”页边距底部）
位置：粘性溢出：auto，则code>将不起作用用于父级。
.footer-container {
    overflow: auto;
}

display:inline-block