Question

<style>
body{margin:0; padding:0; position:fixed; }
#container{width:1024; height:768px; background:#ccc; margin:0 auto;}
</style>

<body>
<div id="container"></div>
</body>

我自己创建了一个pop box，当用户点击＆amp;打开盒子。我使用jquery来设置正文position:fixed

我的问题是当身体固定时，包含不会对齐中心（margin:0 auto）

是解决这个问题的唯一方法

Answer 1

对于你的情况。给身体width应该有效。

<style>
body{width: 100%; margin:0; padding:0; position:fixed; }
#container{width:1024px; height:768px; background:#ccc; margin:0 auto;}
</style>

<body>
   <div id="container"></div>
</body>

p.s：顺便说一下，为什么要将position:fixed应用于body？只是好奇才知道！

Answer 2

创建包装器

HTML

<body>
<div id="wrapper">
<div id="container"></div>
</div>
</body>

CSS

#wrapper { 
position: relative;
width: 100%;
height: 100%; 
text-align: center; 
}

#container { 
display: inline-block; // this is important, need this so it obeys the wrapper text-align: center rule
width:1024; 
height:768px; 
background:#ccc; 
margin:0 auto; 
text-align: left;   // add this if you have text you don't want centered
 }

车身固定，容器不能对准中心

2 个答案: