学编程的第十三天

偏移量
left 相对于定位位置，左侧的偏移量
right 相对于定位位置，右侧的偏移量
top 相对于定位位置，顶部的偏移量
bottom 相对于定位位置，底部的偏移量
- 定位从两个方面来掌握，
一个方面是如何开启，
另一个方面，开启定位后，它的特点是什么
定位：是一种布局的手段，而且是一种高级的布局手段，
你可以将任何元素，摆放在页面的任意位置
可以用position来设置定位
可选值：
static 默认值，不开启定位
以下四种定位方式，都属于开启了定位
relative 相对定位
absolute 绝对定位
fix 固定定位
sticky 粘滞定位
position：relative 开启了相对定位
1、如果不设置偏移量，元素的位置是不发生任何变化
2、设置偏移量，偏移量的相对位置是相对于元素原来在文档流中的位置（left：0；top：0）
3、设置相对定位后，元素的性质是不发生变化
4、设置相对定位后，元素的层级会提高
5、设置相对定位后，元素是不会脱离文档流
当position属性值设置为absolute时，则开启了元素的绝对定位

绝对定位：
1.开启绝对定位，会使元素脱离文档流
2.开启绝对定位以后，如果不设置偏移量，则元素的位置不会发生变化
3.绝对定位是相对于离他最近的包含块定位的
（一般情况，开启了子元素的绝对定位都会同时开启父元素的相对定位 ‘父相子绝’）
4.绝对定位会使元素提升一个层级
5.绝对定位会改变元素的性质，开启BFC属性
内联元素变成行内块元素，
块元素的宽度和高度默认都被内容撑开

包含块：containing block
-正常情况下：
离当前元素最近的祖先块元素
-定位情况下：
离他最近的开启了定位的祖先元素
如果所有的祖先元素都没有开启定位，则会相对于浏览器窗口进行定位
html （根元素，初始包含块）