千锋前端浠浠呀老师HTML+CSS教程，零基础web前端开发入门必看视频

一、 定位  position

凡是加了定位的元素，都可以设置坐标属性（top:100px; bottom:100px; left right）

当上遇到下，听上的

当左遇到右，听左的

脱标，脱离标准流（文档流）

1、static  静态定位   不定位   默认值

2、absolute 绝对定位

脱标不占位

相对包含块定位

包含块，距离自己最近的定位的盒子，逐层向外查找，如果都没有就相对窗口

如果父盒子已经有了绝对定位，就不需要改成相对定位；

如果父盒子什么定位都没有，就加相对定位，因为相对定位不脱标，对自己没有任何影响

子绝父相（如果子盒子有了绝对定位，请给父盒子添加相对定位，这样就可以相对父盒子定位了）

若果不写坐标，脱标留原位（原来标准流的位置）

3、relative 相对定位

不脱标占位

相对自己定位

4、sticky 粘性定位

吸顶效果

相当于是相对定位和固定定位的结和

不脱标占位

需要结合坐标使用，要有滚动条

5、fixed   固定定位

相对窗口定位

脱标不占位