safari margin不同于chrome和firefox

Question

我目前正在使用保证金将页面内容从固定标题下推出。为了匹配标题的110px的高度，我给了内容一个110px的边距。我已经看到safari有关于margin％的问题但没有设置像素大小的问题。由于复杂的原因，这需要用上边距来完成，但是safari忽略了它。它确实说当我查看源有110px的边距，但它表现得好像有~20px的边距。所以：

1. 为什么会这样？
2. 我该如何解决？

编辑

这是建立在地狱的引导主题上的。

Answer 1

我认为填充在这里是不可取的？你有没有尝试过将box-sizing：border-box应用到你的CSS？

html {
box-sizing: border-box;
}
*, *:before, *:after {
box-sizing: inherit;
}

编辑：你试过吗

top: 110px;

编辑： 添加高度为110px的DIV？蛮力......;） 十年前，我会使用透明的1x1px GIF并将它的高度设置为110px。