保证金不仅适用于Safari（元素位于页面底部）

Question

请查看最新的野生动物园中的以下链接： http://www.grupoguion.com/

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

请问有其他可能的解决方案吗？

提前感谢。

Answer 1

您可以添加底部大小的div并使其透明。 HTML：

<div id='tr-footer'>
</div>

css：

#tr-footer{
height: ?px;
width:100%;
background:transparent;
}

Answer 2

接受的答案太复杂了。考虑这种方法（taken from another thread）：

  

这是一种称为保证金崩溃的正常怪异行为。   为了避免它，在[页脚]容器上添加overflow: auto;。

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

.footer-container {
    overflow: auto;
}

Answer 3

尝试制作元素

display:inline-block 

并且Safari应该尊重其尺寸和边距。