目录
定位：
是一种布局的手段，而且是一种高级的布局手段，
你可以将任何元素，摆放在页面的任意位置
可以用position来设置定位
可选值：
static 默认值，不开启定位
以下四种定位方式，都属于开启定位
relative 相对定位
absolute 绝对定位
fixed 固定定位
sticky 粘滞定位 （兼容性略差）
开启绝对定位
position: absolute;
绝对定位后的特点
1、设置绝对定位后，元素会脱离文档流
2、设置绝对定位后，元素的性质就会发生变化，就不会再区分块还是行内了
3、设置绝对定位后，如果不设置偏移量，元素的位置也不会发生变化
4、绝对定位，它的原点是相对于其包含块来定位的
5、设置绝对定位后，元素的层级也会提高
注意：一般情况下，为了更好的控制子元素的位置，
我们会在开启子元素的绝对定位后，会同步开启父元素的相对定位
这叫"子绝父相"
-->
<!-- 包含块
1、默认情况（没有定位的情况下），包含块就是元素的祖先元素
2、如果是定位的情况下，包含块就是元素的开启了定位的，离它最近的祖先元素
如果祖先元素都没有开启定位，则包含块就是根标签（html）
当元素的position属性设置fixed时，则开启了元素的固定定位
（1）用于固定在浏览器页面上，不随浏览器的滚动而改变位置；
（2）以浏览器为参照物，和父元素没有任何关系；
（3）固定定位不占有原来的位置，即脱离标准流 ，更改元素的性质
(4)应用场景
- 固定导航
- 固定侧边栏
- 广告
面试题：
设置透明有几种方式？能说一说他们之间的区别？
1、opacity是属性，rgba、transparent是属性值
2、rgba、transparent是属性值，他必须要跟在特定的属性后，
例如 background-color、color、border-color等
3、opacity是属性，它有继承性,给祖先元素设置，会继承给它的后代元素
相当于在元素前面放一层玻璃，整个元素都是朦朦胧胧的
rgba、transparent是没有继承的，给谁设置，谁就有