Question

一个position：fixed属性的div中的另一个div居中失效

我想实现导航栏跟随页面移动，在外层div设定为position：fixed，内层div设定为margin-left:auto;margin-right:auto; 内部的div不能实现居中效果，如果去除外层的position：fixed属性就能实现居中，但导航栏不能跟随，求解决方法

Answer 1

<div style="position:fixed; text-align:center; background:#0CF; width:100%; height:30px;">
 <div style="display:inline-block; background:#999; width:100px; height:30px;">qw</div>
</div>
<div style="height:10000px; width:100%;"></div>

这就搞定了。

Answer 2

可以的，里面内容层要设置宽高css用margin:0 auto;就可以了

Answer 3

你想实现的效果应该是导航栏固定在顶部位置，不随着导航条的滚动而滚动吧。
<style type="text/css">
*{margin:0; padding:0}
#div1{width:980px; height:1200px; background:#006; margin:0 auto;}
#nav{position:fixed; background-color:#F00; height:50px; width:980px;}
</style>
<div id="div1">
<div id="nav"></div>
<div id="main"></div>
</div>
我这样的简单设计能够把导航条固定在顶部，不知你是否需要这样的效果呢

Answer 4

源代码，居中不一定要用margin:0 auto;的，有时候可以用text-align:center