html - 在 Internet Explorer 中将一个元素垂直居中于另一个元素中

Question

请检查这个 CSS:

body {
    margin: 50px 0px; padding: 0px;
}

.one {
background: #151515;
height: 700px;
width: 900px;
margin: 0px auto;
padding: 0px 0px 0px 0px;
}

#two {
background: #e6e6e6;
height: 140px;
width: 900px;
}

( http://jsfiddle.net/UvvPC/ )

我想使用 margin-top 来移动上面 CSS 中的灰色框。

我希望灰色框位于黑色框的中间，但我被告知 margin-top 与 Internet Explorer 不兼容。

我应该使用什么？

Answer 1

在它之前的元素上使用 margin-bottom :)