html - safari margin top 不同于 chrome 和 firefox

Question

我目前正在使用边距将页面内容从固定标题下推出。为了匹配标题的 110px 高度，我给内容留出了 110px 的边距。我见过 safari 有边距 % 的问题，但没有设置像素大小。由于复杂的原因，这需要以最高利润率来完成，但 safari 忽略了它。它确实说当我查看源代码时有 110 像素的边距，但它的表现好像有 ~20 像素的边距。所以:

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

编辑

这是建立在来自 hell 的 bootstrap 主题上。

Answer 1

我认为这里没有填充选项？您是否尝试过将 box-sizing: border-box 应用于您的 CSS？

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

编辑:你试过吗

top: 110px;

?

编辑:添加一个高度为 110px 的 DIV？蛮力... ;)十年前我会使用透明的 1x1px GIF 并将其高度设置为 110px。