定位“固定”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;
}

我猜它与＆＃34;固定＆＃34;有关。标题的方面。但我完全不知道。

谢谢！

Answer 1

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

html, body { width:100%; }