定位

定位：position

目的：设置元素的位置，对元素位置进行微调或者参照基准变更。

主要有以下几种：

1、position：static;

2、position:relative;

3、position:absolute;

4、position:fixed;

1、position：static;  默认定位。

         默认文档流的布局。

2、position:relative;  相对定位。

         通过设置top、right、left、bottom对元素本身所在的位置进行微调

         注意：（1）relative相对定位   是相对于原来自身的上、下、左、右、进行偏移

                   （2）relative相对定位  不会脱离文档流，相对于原来的位置进行偏移后，原来的位置不会被其                             他元素侵占。

3、position:absolute; 绝对定位。

      通过设置top、right、left、bottom对元素本身所在的位置进行微调

       注意：（1）绝对定位是相对于自己的第一个非static祖先容器 通过设置上、下 、左、右值对元素别                         的位置进行微调。非static祖先容器，即祖先容器的position可设置为relative absolute、                         fixed。如果祖先容器都没有设置，则相对于body

                     （2）一个元素一旦使用绝对布局，它就从文档流中脱离出来，相对于原来的位置进行偏移后，                             原来的位置就会被其他元素侵占。

                    

4、position:fixed; 固定定位。

     通过设置top、right、left、bottom对元素本身所在的位置进行微调

      注意： （1） fixed; 固定定位 ，只相对于窗口左上角 ，

                （2）窗口左上角不等于body