Chrome和Mozilla之间的差距

我被困在保证金/定位问题上，因为我有一个不支持Mozilla和Webkit浏览器的div。有问题的元素位于页面底部http://clifford-stage.scholastic.com/Calendar，其中有一个右上角带有半径的黑框。（关于海报的编辑注释...）在Mozilla中，边框不会突破底部边缘并按需显示，但是在Chrome和Safari中，底部流过边缘，并且我已经玩过每个边距情景，但似乎无法看到让它在浏览器之间达成一致。Chrome和Mozilla之间的差距

我很感激任何帮助。（顺便说一句，这不是我的网页设计......）

来源

2013-10-15 abtecas

顺便说一句，设置webkit特定的样式表选择器不起作用，即-webkit-margin-top：xxpx; – abtecas

我不认为'-webkit-margin-top'实际上是一个CSS属性...并且您没有明确设置X和Y值。 firefox borks at'position：absolute' when you do not set the X＆Y coordinates，ie'top：0;左：0;'或什么的。 – PlantTheIdea

好的，我已经看到了浏览器的特定属性，但是喜欢让某个浏览器了解另一个人理解的内容。但也许我打错了？另外，我们所指的是什么x＆Y坐标。我没有构建这个页面，我只是负责编辑，我添加了黑色内容框（div id =“editorsNote”），并且也有一些z-index问题需要处理（另一篇文章）。我完全想要废弃这个页面并重建它，因为我对代码目标是什么没有丝毫的线索......桌子？！？！无论如何，感谢您的帮助，如果可以的话。 – abtecas

与Firefox，你需要显式声明X & Y坐标使用position:absolute;时：

#yourDiv { 
    position:absolute; 
    top:0; 
    left:0; 
}

否则，你会得到古怪的行为。这也是适当的浏览器行为，Firefox比Chrome更严格。

来源

2013-10-15 21:26:29 PlantTheIdea

Chrome和Mozilla之间的差距

回答

相关问题