当我为div声明此样式时:

#fbInner{
    position: absolute;
    margin: 11.2% 9.7% 0% 26.4%;
    width: 63.5%;
    height: 54.6%;
    overflow: visible;
    /*max-height: 190px;
    max-width: 490px;*/
    font-size: 11px;
    font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
    color: #FFF;
    /*border: solid 2px gray;*/
}


Chrome会设置除边距顶部以外的所有边距,该边距设置得比其他浏览器小得多。奇怪的是,所有其他边距的显示方式都应该正确...

是什么原因呢?
是否有仍使用百分比的解决方法?

最佳答案

看到这是一个x浏览器的CSS问题,重置CSS样式将是很有价值的第一步-甚至是解决方案。您尚未公开任何HTML代码,所以我不知道还有哪些其他标签或样式在影响#fbInner

无论如何,这是“ meyerweb reset”样式表:http://meyerweb.com/eric/tools/css/reset/

将其链接到HTML文件的最上方。它可能会破坏您的网站,但这是一件好事。至少现在应该在所有浏览器中都将其破坏。修复页面外观后,它应该可以在大多数/所有浏览器中正常工作。

关于css - 奇怪的Chrome行为:正确计算除 margin 最高额之外的所有 margin 百分比!,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/5825331/

10-12 00:30
查看更多