relative定位是未脱离文档流的,故可用margin:0 auto;来使其居中。
absolute定位和fixed定位是脱离文档流的,这是若想要其居中,有能够在不同分辨率的浏览器上都居中,可用以下方法。
<style type="text/css">
#box{
width: 900px;
height: 100px;
position: absolute;
background: orange;
}
</style>
<body>
<div id="box">
</div>
</body>
在css中加入如下代码
left: 50%;
margin-left: -450px;
margin-left的值是元素宽度一半的负数;
则元素居中排列,且可适应不同宽度的浏览器。