Question

当我为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设置了除边距顶部以外的每个边距，其设置比其他浏览器小得多......奇怪的是，所有其他边距都显示为应该...

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

Answer 1

看到这是一个x-browser css问题，重置css样式将是有价值的第一步 - 甚至可能是解决方案。您尚未公开任何HTML代码，因此我无法知道其他标记或样式会影响#fbInner

无论如何，这里是“meyerweb重置”样式表：http://meyerweb.com/eric/tools/css/reset/

将其链接到HTML文件的最顶层。它可能会打破你的网站，但这是一件好事。至少它现在应该在所有浏览器中同样被打破。当您修复了页面外观后，它应该可以在大多数/所有浏览器中正常运行。

奇怪的Chrome行为：计算所有保证金百分比，除了保证金最高！

1 个答案: