Position:absolute居中的方法

洪七公

div设置了Position:absolute属性后使用普通的margin-left: auto;margin-right: auto;是做不到居中的，可以使用以下方式方法来实现：

1.绝对居中：

1. position:absolute;
   
2. top: 0;left:0;right:0;bottom:0;
   
3. margin: auto;

复制代码

问题：元素水平和垂直方向均为居中，如果只需一个方向居中，需要修改另一个方法的位移，考虑到分辨率等因素，不好调整。

2.水平居中：

1. position：absolute;
   
2. left: 50%;
   
3. width: 1000px;
   
4. margin-left: -500px;

复制代码

问题：适合固定宽度元素，另外当浏览器宽度小于元素宽度时，效果与”margin: 0 auto;”有明显差异