css - 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/

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