Chrome和Mozilla之间的边距不同

时间:2013-10-15 20:54:54

标签: css positioning margins

我遇到了一个保证金/定位问题,我有一个不会在Mozilla和Webkit浏览器之间合作的div。有问题的元素位于页面http://clifford-stage.scholastic.com/Calendar的底部,其中有一个带有半径的右上边框的黑框。 (编辑关于海报的说明......)在mozilla中,边框不会突破底部边缘并按需要显示,但是在Chrome和Safari中,底部流过边缘,我玩过每个边缘情况但看起来不太好让它在浏览器之间达成一致。

我很感激任何帮助。 (顺便说一句,这不是我的页面设计......)

1 个答案:

答案 0 :(得分:3)

使用Firefox,您需要明确声明X&使用position:absolute;时的Y坐标:

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

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