Question

我有一个div，下面是它的css

#sign_up_box_1 {
    width: 400px;
    height: 280px;
    position:relative;
    top: -290px;
}

它在Safari中运行良好，但在Firefox中不起作用。

Firefox似乎忽略了顶部：-290px。

任何人都可以帮助我吗？

下面是JSFiddle代码：

HTML

<div id="container">
    <div id="test"></div>
</div>

CSS

#container {
    -moz-box-align: center;
    -moz-box-orient: vertical;
    -moz-box-pack: center;
    display: -moz-box;
    position: relative;
    width: 200px;
    z-index: 0;
}

#test {
    width: 100px;
    height: 100px;
    background-color: red;
    position: relative;
    top: -50px;
}

它在safari和chrome中运行良好..但在firefox中失败

我发现问题出在“方框”...当我删除box属性时，firefox工作正常......

有没有人有想法？

Answer 1

Gecko不支持XUL盒子的相对定位。在XUL盒子模型中做这种事情真的没有任何意义。

当您坚持使用标准CSS时，相对定位将按预期工作。

Firefox不支持位置：相对吗？

1 个答案: