标签定位显示

position定位：

  position:absolute;  绝对定位(以页面为参照，页面动它也动)

  position:relative;    相对定位(常规流)

  position:fixed;        固定定位(以窗口为参照，页面动它不动)

  position:static;       静态定位(默认)

  样式          描述                 

  top          上边距：搜索或设置对象参照相对物

  right        右边距：右标签向左偏移位置

  bottom    下边距：底边界向上偏移

  left           左边距：左边界向右偏移

absolute定位(绝对):

  特点：1、以页面为参照（页面上下左右移，它也一起动）

             2、脱离页面常规流（为独立图层，其他的与其分开，可能会重叠）

             3、z-index设置图层循序

                   z-index:整数;(越小越在下面，越大越在上面)

   transform变换

      样式                                             描述

   translate()                           指定标签位置的平移

   translatex()                         指定标签x(y)轴的平移

   rotate()                                指定标签旋转角度

   rotatex()                              指定标签在x(y)轴上的旋转角度  

   scale()                                 指定标签缩放

   scalex()                                指定标签x轴缩放

   perspective()                        指定标签的透视距离

relative定位(相对)：

   特点：没有脱离页面常规流

fixed定位(绝对)：

   特点：1、以浏览器窗口为参照（拖动滚动条它不动）

              2、脱离页面常规流

              3、通过z-index设置图层顺序