码迷,mamicode.com
首页 > Web开发 > 详细

css中position(absolute)与margin同时使用的情况

时间:2016-10-16 18:40:55      阅读:184      评论:0      收藏:0      [点我收藏+]

标签:

1,当元素绝对定位以后,它在父元素的位置是根据top/left/right/bottom来定位的,而margin是根据自身当前位置来定位的

2,当它距离父元素left:50%,top:50%,那就是父元素一半的距离,因为要实现居中即自身的中点在父元素的中间才算,所以margin-left/margin-top 负的自身宽/高的一半,那么正好水平垂直居中。

3,元素在绝对定位以后,left/rigth和top/bottom是没有优先等级的,不像margin-left作用的时候margin-right没用,如果现在left:0,right:0,两方实力相当,浏览器没办法,都得满足,

就水平居中。

css中position(absolute)与margin同时使用的情况

标签:

原文地址:http://www.cnblogs.com/zheng-neng-liang/p/5967086.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!