首页 > 其他 > 详细

position

时间:2014-03-26 05:54:16      阅读:277      评论:0      收藏:0      [点我收藏+]

今天重新看了下绝对定位,总算明白那个绝对居中的原理了。

绝对定位是对它关系最近的一个有定位属性的父元素进行定位,参数先看left top,再看right bottom。

绝对居中布局是指(对其关系最近的一个有定位属性的父元素进行居中)

bubuko.com,布布扣
.div
{
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}
bubuko.com,布布扣

margin: auto起到的作用是将div相对其父元素延伸出左右上下相等的外补丁从而实现居中,Demo如下:

同样地,我们可以活用这个规则,创建出指定宽度的分列布局,只需要将上例的四个方向属性由0改为一个规定的百分值,即可实现,下为我把一个div划为三列的写法:

position,布布扣,bubuko.com

position

原文:http://www.cnblogs.com/yedeying/p/3624596.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!