定位

定位

 定位类型：共四种；通过position指定，static，relative，absolute，fixed。

  静态定位 ：按照正常定位方案，元素盒按照在文档中出现的顺序依次格式化。
  相对定位 ：将移动元素盒，但文档流中的原始空间会保留下来。

 1.用position：relative；生命

 2.用一个或多个(right|left|top|bottom)属性将元素相对于文档中原始位置进行定位,没设置偏移属性的,默认auto即以元素      的初始位置为原点.

 3.可能覆盖其他元素.

 4.当一个层设置了position:relative,而且使得层位置产生相对偏移时,并不影响文本流中接下来的其他层的位置.

 5.当设置了position:relative时,层的层叠级别高于默认的文本流级别(前提一个层设置了position一个没有设置)

 绝对定位 :元素完全从文档中脱离出来,该元素在文档中原位置所占空间不保留(和相对定位相反)

 1.css样式规则position:absolute;声明(这种用在遮罩层效果最好)

 2.使用一到多个偏移属性(left|top...)相对于容器快的边缘进行定位.偏移值应用于元素盒的外边缘.默认就是容器快的       top,left,right,bottom为0 点.

 3.默认是以浏览器窗口为0,0.0.0点.但当父级元素设置了position:absolute,relative,fixed中任意一个,那么就以父级元素    为0,0.0.0点.

  固定定位 :相对于视口定位,多数都指浏览器窗口,即以浏览器4个角为0点,如top=0,left=0为浏览器窗口左上角.