CSS布局之定位
2019-04-17 本文已影响0人
山间酒馆一两雾
一、绝对定位（absolute）
1.会完全脱离文档流
2.盒子大小会变为内容大小或width
3.定位之后可以设置坐标（left、right、top、bottom属性且只能跟随position一起使用）
二、相对定位（relative）
1.不会脱离文档流
2.内容不会变为实际大小（不会创建BFC）
3.以自身（距离初始位置xx）作为定位参考
三、固定定位（fixed）
1.会脱离文档流
2.盒子大小会变为内容大小或width
3.以浏览器可视窗口进行定位
三、层级
1.谁有定位，谁层级高
2.谁后定位，谁层级高
3.可以通过z-index改变层级（默认值为0，取值范围：-1~9999，谁大谁高）
