我有这个，试图为网站制作一个模态窗口：http://jsfiddle.net/qHqvn/
我想让浏览器，IE6，Firefox和Chrome看起来一致。但是我做错了，因为在每个浏览器中它都显示不同。我希望红色框始终占据屏幕宽度和高度的50％，并且不要让用户与底层内容进行交互，直到它们关闭它为止。
在Chrome中它确实表现得像我期望的那样但是在firefox中，盒子永远不会在我想要的地方，它是水平居中但不是垂直居中的，如果我调整导航窗口的大小，它会被进一步推动。在IE6中，嗯，没有任何文字，它只是不会做的工作。
无论如何，我的错是它没有正常行为，但我只是不知道我做错了什么
答案 0 :(得分：1)
CSS中的所有边距均基于 width 。因此，当您的margin-left: -25%正常工作且框水平居中时，margin-top: -25%属性使用的是框宽度的25％。
另见this answer。