哈qiu~~~~ 谁在念叨相对定位呀

一。定位：position

            1. 定位是更高级的布局手段；

            2. 通过定位可以将元素摆放到页面的任何位置；

            3. 使用position属性来设置定位；

                      可选值：

                                 static 默认值，元素是静止的，没有开启定位；

                                 relative 开启元素的相对定位；

                                 absolute 绝对定位；

                                 fixed 固定定位；

二。相对定位（relative）

        --当元素的position属性设置为relative是开启元素相对定位。

                 --相对定位的特点：

                            1.元素开启相对定位以后，如果不设置偏移量，元素不会发生任何变化

                            2.相对定位是参照于元素（自身）在文档流中的位置进行定位的。

                            3.相对定位会提升元素的层级。

                            4.相对定位不会脱离文档流。

                            5.相对定位不会改变元素的性质，块元素还是块，行内还是行内。

                    偏移量：offset

                   --当元素开启了定位以后，可以通过偏移量来设置元素的位置

                     top  ：定位元素和定位位置上边的距离

                     bottom

                       --定位元素垂直方向的位置由top 和bottom属性来控制

                         ---通常情况下，我们只会使用其中之一

                         ---top值越大，元素越往下走，bottom值越大，越往上走。

                     left ：定位元素和定位位置左边的距离

                     right

                       ---定位元素水平方向的位置由left和right属性来控制

                       ----left值越大，元素越靠右

                        当设置为负值时，向相反的方向移动。