css - Chrome 和 Mozilla 的边距不同

Question

我被困在一个边距/定位问题上，我有一个不会在 Mozilla 和 Webkit 浏览器之间合作的 div。有问题的元素位于页面底部http://clifford-stage.scholastic.com/Calendar，其中有一个带有半径的右上角的黑框。（关于海报的编者注......）在 Mozilla 中，边框不会超出底部边缘并根据需要显示，但是在 Chrome 和 Safari 中，底部会流过边缘，我已经玩过每个边缘场景，但似乎无法让它在浏览器之间达成一致。

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

Answer 1

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

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

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