Firefox不支持位置：相对？

-1

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

它工作在Safari罚款，但在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..but未能在Firefox

我找到问题是在“框”...当我删除框属性，Firefox的工作正常...

有没有人有一些想法？

来源

2012-01-28 HanXu

你能展示一个JSFiddle的例子吗？在FF中看起来如何？ – 2012-01-28 12:59:56

Firefox肯定支持'position：relative'让我们看看你正在尝试做什么以及实际发生的事情的最小代码示例。 – JaredMcAteer 2012-01-28 13:01:18

我可以向你保证'position：relative'完美适用于Firefox。按照Pekka的建议，提供更多的代码和屏幕截图或实例。 – 2012-01-28 13:01:59

的XUL盒儿童的相对定位不壁虎支持。在XUL框模型中做这样的事情确实没有任何意义。

只要你坚持使用标准的CSS，当然，相对定位将正常工作。

来源

2012-01-31 05:09:47

....好的...我将更改我的CSS ... – HanXu 2012-01-31 16:17:10

Firefox不支持位置：相对？

回答

相关问题