今天重新看了下绝对定位,总算明白那个绝对居中的原理了。
绝对定位是对它关系最近的一个有定位属性的父元素进行定位,参数先看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