今天重新看了下绝对定位，总算明白那个绝对居中的原理了。
绝对定位是对它关系最近的一个有定位属性的父元素进行定位，参数先看left top，再看right bottom。
绝对居中布局是指(对其关系最近的一个有定位属性的父元素进行居中)
.div { position: absolute; margin: auto; left: 0; right: 0; top: 0; bottom: 0 }
margin: auto起到的作用是将div相对其父元素延伸出左右上下相等的外补丁从而实现居中，Demo如下:
同样地，我们可以活用这个规则，创建出指定宽度的分列布局，只需要将上例的四个方向属性由0改为一个规定的百分值，即可实现，下为我把一个div划为三列的写法：
原文：http://www.cnblogs.com/yedeying/p/3624596.html