定位的方式

在一般的前端开发中比较常用的定位有三种：相对定位，绝对定位，固定定位。

相对定位position:relative

                                 1.它可以在四个方向分别或者同时进行偏移

                                 2.定义时它的参照物是父元素（没有时为浏览器本身）

                                 3.偏移后元素的原来位置还是被占着，并没有空出来

                                 4.当父元素和子元素同时定义时，他们的参照物是父元素，且占据原来的位置

绝对定位position:absolute
1. 它可以在四个方向分别或者同时进行偏移

                              2.单独定义时它的参照物是浏览器本身，且不占据原来的位置

                              3.当父元素和子元素同时定义时，他们的参照物是父元素，且不占据原来的位置

                              4.当子元素绝对定位，父元素相对定位时，他们的参照物是父元素，且还占据原来的位置

                              5.当子元素相对定位，父元素绝对定位时，他们的参照物是父元素，且不占据原来的位置

固定定位position:fixed

                             1.它可以在四个方向分别或者同时进行偏移

                             2.定义时它总是以浏览器为参照物，且不占据原来的位置

                             3.它不会随着浏览器的滚动而移动，即会固定在所能到观察浏览器界面的固定地方

注：普遍使用方式为子绝父相，即子元素绝对定位，父元素相对定位

   可以使用z-index: 来进行优先级显示