火狐怪异百分比高度绝对定位的div

我有一个纯CSS模式对话框设置这样火狐怪异百分比高度绝对定位的div

div { 
    position:fixed; 
    top:50%; 
    left:50%; 
    margin:-26% 0 0 -26%; 
    width:46%; 
    height:46%; 
    padding:3%; 
}

这个div在WebKit浏览器为中心的显示器。但在FF中，它几乎触摸屏幕的顶部。

来源

2012-08-02 colmtuite

而不是使用空间，你可以这样做：

top: 25%; 
left: 25%;

http://jsfiddle.net/wwRUT/2/

我不认为我会结合的利润率和固定定位。

来源

2012-08-02 19:31:37

这是工作，谢谢。任何想法是什么问题？绝对定位也是一样。 – colmtuite 2012-08-02 19:33:32

我知道绝对定位的元素是从HTML的正常流程中提取出来的，基本上位于其他元素之上（我正在简化它）。我相信固定定位也会发生同样的情况。顶部和左侧的值确定了元素的位置，但是由于它们位于流程之外，边距不适用于它们。除了Firefox以外的浏览器可能会纠正这个问题？我不确定。 – 2012-08-02 19:38:49

火狐怪异百分比高度绝对定位的div

回答

相关问题