垂直+水平居中DIV元素的奇怪行为

Question

我正在尝试在网页上垂直和水平对齐div。这经常被问及我谷歌我所有的问题，无论我尝试和从别人那里复制代码，我都无法让我的工作，div只是漂浮在网站之外的某个地方。据我所知，父DIV需要相对定位，而孩子DIV需要绝对定位。从孩子DIV的CSS-Tricks获得以下内容（负边距正好是高度和宽度的一半）：

width: 850px;
height: 400px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -425px;
margin-top: -200px;

检查我的test site（jsfiddle）以获取示例。任何人都知道为什么会这样吗？

Answer 1

摆脱：

margin-top: -200px;
margin-bottom: -200px;

在内容div中。这是你的意思吗？

Answer 2

你的容器确实没有高度

见例如

http://jsfiddle.net/7TuVm/3/

我将高度设置为2000px，你必须向下滚动才能看到你的框

height: 2000px;