css - Chrome 和 Mozilla 之间的边距不同

Question

我遇到了边距/定位问题，我的 div 无法在 Mozilla 和 Webkit 浏览器之间协作。有问题的元素位于页面底部 http://clifford-stage.scholastic.com/Calendar其中有一个带有半径的右上边框的黑框。 (关于海报的编者注...)在 mozilla 中，边框不会超过底部边缘并按需要显示，但是在 Chrome 和 Safari 中，底部会超过边缘，我玩过每一种边距场景，但似乎让它在浏览器之间达成一致。

如果有任何帮助，我将不胜感激。 (顺便说一句，这不是我的页面设计...)

Answer 1

对于 Firefox，您需要在使用 position:absolute; 时显式声明 X 和 Y 坐标:

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

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