对齐垂直和水平对齐

Question

我正在尝试对齐一个盒子VxH中心，但我似乎只是稍微关闭了一段时间：

HTML：

<div id="wrapper">
        <header>
            <div id="logoWrapper">
                <div class="logo">Logo Here </div><!-- Logo End -->
            </div><!-- Logo Wrapper -->
    </header>
</div><!-- Wrapper End -->

CSS：

![#wrapper{
    width:955px;
    margin:auto;
}

html body{
    background:#F1FF29;
}

#logoWrapper{
    width:429px;
    height:179px;
    position:absolute;
    left:50%;
    top:50%;
    margin-left:-100px;
    margin-top:-50px;
}
.logo{
    display:block; 
    background:red;
    width:429px;
    height:179px;
}]

图片：http://i.stack.imgur.com/rZ2ng.png

Answer 1

将#logoWrapper的边距更改为以下值：

margin-left:-215px;
margin-top:-85px;

它们需要是徽标宽度和高度的一半。

jsfiddle

编辑：

另外，我建议你把这些'重置'样式放在：

html, body{
    background:#F1FF29;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}