css - 定位到 "fixed"的 div 居中。定位到 "relative"的 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;
}

我猜它与 header 的“固定”方面有关。但我不是很清楚。

谢谢!

Answer 1

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

html, body { width:100%; }