html5的三种定位的解释

目录

关于距离的解释：

一、相对定位 relative

二、绝对定位 absolute

三、固定定位 fixed

---

关于距离的解释：

例如：right:8 px;    /*执行此操作之后的图形的右边界距离自身（移动前）的右边的距离是8 px*/
1.如果是（right）右边则两者都是右边：即想要的图形的右边与移动前的图形的右边的距离是8 px 
2.关于距离正负值代表的意义：A是我们想要的，B是已经有的，及移动前用作参照的自身。
    （1）如果是A在B的左边，则取值为正值。如 8 px;
      (2)   如果是A在B的右边，则取值为负值。如 -8 px;
 

一、相对定位 relative

要点：1.参照物为自身；

           2.相对定位只改变显示的位置，而不会改变占用的空间位置；

           3.关于距离的正负值：

position:relative; /*采用相对定位*/
right:8 px;   /*执行此操作之后的图形的右边界距离自身（移动前）的右边的距离是8 px*/
/*1.如果是（right）右边则两者都是右边：即想要的图形的右边与移动前的图形的右边的距离是8 px*/
/*2.关于距离正负值代表的意义：A是我们想要的，B是已经有的，及移动前用作参照的自身。
    （1）如果是A在B的左边，则取值为正值。如 8 px;
     (2) 如果是A在B的右边，则取值为负值。如 -8 px;
*/</