css - 使用 CSS 垂直居中 div

Question

我目前在一个 wordpress 网站上工作，我想在其中使用 CSS 将我的页面换行居中。我尝试在此站点上实现方法 3，但没有成功。

网站:http://blog.themeforest.net/tutorials/vertical-centering-with-css/

我使用了两种不同的 div，一种的 ID 为 floater，另一种的 ID 为 page-wrap。我的 CSS 看起来像这样

#floater { float: left; height: 50%; margin-bottom: -481px; }

#page-wrap { clear: both; color: white; width: 1594px; height: 962px; margin: auto; position: relative; }

我还想指出，在我的 page-wrap div 中，如果这会以任何方式影响结果，我还有很多其他 div 来构建我的设计(它们也会向左和向右浮动)。

JSFiddle 链接:http://jsfiddle.net/FERNX/

Answer 1

尝试

#floater{
    margin-top: 25%;
}

或

position: absolute;
    top: 50%;
margin-top: -25%;