【问题标题】:safari margin top different than chrome and firefoxsafari margin top 与 chrome 和 firefox 不同
【发布时间】:2015-03-24 06:25:39
【问题描述】:

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

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

编辑

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

【问题讨论】:

    标签: html css safari


    【解决方案1】:

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

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

    编辑:你试过了吗

    top: 110px;
    

    ?

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

    【讨论】:

    • 我应该补充一点,这是建立在引导程序上的,如果我没记错的话,我相信 box-sizing: border -box 已经是全局的了?使用填充将是一种选择,除非我这样做,出于某种原因,它们与边距结合在一起。这是一个可怕的网站,客户要求我们编辑它是用 wordpress 和最糟糕的基于引导程序的主题制作的,我真的只想刺痛自己的眼睛。现在我已经发泄了,不,我真的认为我一直在寻找修复现有边距的问题,用 !important 破解它甚至没有用,例如margin: 0 !important; padding:...
    • 啊废话,问题是margin仍然在进来,而在其他浏览器上margin和div之间会有220px的差距。有没有办法只针对 safari 的 CSS?缺点是 chrome 可以工作,所以我不能只针对 webkit。如果是这样,我认为填充应该可以工作。它已经工作了,它只适用于其他浏览器,为它们创建相同的 220 像素间隙。
    • 删除你之前使用的边距(?)。暴力破解方法不再需要它了……所有其他浏览器也都理解暴力破解语言。
    • 我必须找到它,它不在样式表中,也不在该页面的 html 内联,我想不出他们把它放在哪里。看起来找到它将是我唯一的希望:(
    • 我发现由于某种原因,除了 safari 之外,所有浏览器的正文都低于固定标题。但是,没有一个浏览器在 body 标签上显示边距或位置...
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2019-07-14
    • 2020-09-02
    • 1970-01-01
    • 2013-08-26
    相关资源
    最近更新 更多