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

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

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

　　相对定位的规律：

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

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

2.　对于"绝对定位"【position：absolute；】