8、三种定位及特性

定位：把一个元素，按照一定的方式设置在页面的摸一个位置；

    position
        1、相对定位 relative
            针对自己本身的位置进行定位；
        2、绝对定位 absolute
            针对有定位的父级的原点进行定位；父级无定位针对父级的父级...；如果都没有针对document；
            温馨提示：绝对定位即使没有初始值，也一定要设置值；（left:0px; top:0px;）
        3、固定定位 fixed
            针对页面窗口进行定位；
            温馨提示：IE6，不支持固定定位；

    偏移量
        left、top、right、bottom
        温馨提示：left、top优先级高于right、bottom;

三种定位的特性：

    相对定位 relative
        1、不影响元素本身的特性；
        2、不使元素脱离文档流；
        3、提升层级； 
        4、无法触发BFC；
        5、针对自己本身进行定位；

    绝对定位 absolute
        1、会使元素完全脱离文档流；
        2、内容撑开宽度和高度；
        3、使元素支持所有的css样式；
        4、提升层级；
              z-zoom:数值；定位层级设置；（数值越大，层级越高）
        5、绝对定位要和相对定位配合使用；
        6、如果有定位父级，针对定位父级发生偏移，没有定位父级，针对document进行偏移；
        7、如果绝对定位的子级有浮动，可以省略清浮动（BFC）操作；

    固定定位 fixed
        1、针对窗口进行定位
        2、不支持IE；
        3、如果固定定位的子级有浮动，可以省略清浮动（BFC）操作；

派生选择器：

   是由id选择器、class选择器、标签名选择器组合而成；
   根据选择器优先级精确控制标签；
       比如可以假设：id选择器：10000、class选择器:100、标签名选择器:1；