Firefox奇怪的百分比高度绝对定位div

Question

我有一个像这样设置的纯CSS模态对话框

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

此div显示在webkit浏览器中。然而，在FF中，它几乎触及屏幕的顶部。

Answer 1

您可以这样做：

而不是使用边距

top: 25%;
left: 25%;

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

我认为我不会将利润率和固定定位结合起来。