码迷,mamicode.com
首页 > 其他好文 > 详细

初学遇到的样式问题--position

时间:2016-04-16 13:45:24      阅读:157      评论:0      收藏:0      [点我收藏+]

标签:

当position设置为relative、absolute、fixed时才会有top、left、bottom、right定位属性。

1. 对于"相对定位"【position:relative;】使用定位属性时,如果用的单位是%,那么一定要指定其父盒子(其所在容器)的大小,含义是"相对父盒子的比例"。否则top、bottom将不会有效果;如果用的单位是px,那么就无所谓了。

       相对定位的规律:

     使用【position:relative;】相对定位后会发生偏移,会相对于原本的位置便宜指定的距离,但即使移动到了父盒子的外面,对父块也不会有任何影响。本质原因是:使用了相对定位的盒子依旧在标准流中。这一点与float恰恰相反。所以,即使子盒子均为浮动的盒子,如果对其中的一个盒子使用相对定位,它也同样是相对于它原本的float后的位置发生偏移。此时,他周围的float后的子盒子还仍然"以为"它还在原来的位置。

    总结:position不会影响标准流,它偏移后具体位置只有他自己清楚,其他盒子只能知道偏移之前的原本位置;而float则会影响自身的标准流格式,此时其他盒子也会知道。

2. 对于"绝对定位"【position:absolute;】

初学遇到的样式问题--position

标签:

原文地址:http://www.cnblogs.com/zhangyd/p/5398114.html

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