【问题标题】:Webkit not applying css margin-bottomWebkit 未应用 css margin-bottom
【发布时间】:2012-12-21 08:04:54
【问题描述】:

请看这个页面:http://goo.gl/U9cQl

在 Firefox 中,margin-bottom 属性正确地应用于“联系我们”框,将其从页面底部向上推 50 像素。

这在 Safari + Chrome 中不会发生,我不知道为什么!谁能帮我解释一下?

【问题讨论】:

    标签: css firefox webkit margin


    【解决方案1】:

    在 Chrome 中,我关闭了 html,body { height: 100%; } 的规则,并为我修复了它。

    【讨论】:

    • 大功告成,非常感谢!我一直认为把身高设置为100%是个好习惯,难道不是这样吗?
    • 我知道这曾经是很好的建议,但我认为现在没有必要了。 normalize.css 不使用该规则,这就是我倾向于使用的一组基本样式。
    • @dai.hop 如果您不需要它,请不要设置它。 min-height: 100% 通常只对像 sticky footers 之类的东西是必需的,因为短页面会阻止它被附加到视口的底部。
    猜你喜欢
    • 2010-09-22
    • 2010-09-06
    • 1970-01-01
    • 1970-01-01
    • 2012-06-19
    • 2020-06-02
    • 2021-08-30
    • 2016-06-23
    相关资源
    最近更新 更多