定位 绝对定位 相对定位

定位

       定位是一种高级的布局手段 
       通过定位可以将元素摆放到页面的任意位置 
       使用position属性来设置定位

偏移量

     当元素开启了定位以后，可以通过偏移量来设置元素的位置
     例如：top：100px ；    bottom ：xxpx ；     left、right
     注意：            

相对定位

relative

1. 相对定位的参照元素是其本身在文档流中的位置进行定位
2. 相对定位会提升元素的层级 但是不会使其脱离文档流 不会改变元素的性质，即块元素还是块元素，行元素还是行元素

绝对定位

absolute

1. 开启绝对定位后，元素会从文档流中脱离
2. 绝对定位会改变元素的性质，行变成块，块的宽高被内容撑开
3. 绝对定位会使元素提升一个层级
4. 绝对定位元素是相对于其包含块进行定位的
   包含块： 包含块就是离当前元素最近的祖先块元素
   绝对定位的包含块：就是离它最近的开启了定位的祖先元素，如果所有的祖先元素都没有开启定位则根元素就是他的包含快{ 即html}

粘滞定位（新出 兼容性不好）

sticky

1. 与相对定位差不多
2. 不同的是粘滞定位可以在元素到达某个位置时将其固定

固定定位

 fixed

1. 固定定位也是一种绝对定位
2. 与绝对定位不同的是固定定位的参照物是浏览器的视口
3. 固定定位的元素不会随网页的滚动条滚动