相关疑难解决方法(0)

在下面的例子中,#logo绝对定位,我需要它水平居中#header.通常情况下,我会margin:0 auto为相对定位的元素做一个但我被困在这里.有人能给我指路吗？

JS小提琴:http://jsfiddle.net/DeTJH/

HTML

<div id="header">
    <div id="logo"></div>
</div>

CSS

#header {
    background:black;
    height:50px;
    width:100%;
}

#logo {
    background:red;
    height:50px;
    position:absolute;
    width:50px
}