css - 定位的“固定” div 居中。定位的“相对” div 居中。他们都显得有点不对劲

Question

这是它的样子：

http://i.imgur.com/H0Oqz4Q.png

这是CSS：

#header{
background:url('header.png');
border-radius:15px;
box-shadow: 0px 0px 10px 9px rgba(4, 4, 4, 0.75);
-moz-box-shadow: 0px 0px 10px 9px rgba(4, 4, 4, 0.75);
-webkit-box-shadow: 0px 0px 10px 9px rgba(4, 4, 4, 0.75);
height:145px;
width:855px;
margin:0 auto;
z-index:1;
position:fixed;
left:0;
right:0;
top:-10px;
max-height:145px;
max-width:855px;
}

#centered_background{
background-color:#F2F2F2;
width:845px;
height:1000px;
margin: 0 auto;
position:relative;
top:-15px;
border-radius:20px;
border:4px solid #2E2E2E;
left:0;
right:0;
}

我猜它与标题的“固定”方面有关。但我不完全知道。

谢谢！

Answer 1

需要定义包装器的宽度margin:auto才能工作。

html, body { width:100%; }