相对定位 relative
1、不脱离文档流
2、不设置偏移量时,没有任何变化
偏移量:必须开启定位后才可以设置偏移
3、零点是元素本身的位置
4、元素层级会提高
5、一直占着原本所在的位置
偏移量
必须开始定位后才可以设置偏移
top:正数往下,负数往上
px
%相对父元素,有确定长度的父元素才可以设置百分比,块元素宽度100%,高度被元素撑起,top、bottom默认=0
层级问题
1、同一个层级下,标签写在最下边的层级高
2、调节层级:z-inde:n...数字越大,层级越高
绝对定位
1、脱离文档流
2、多个同级元素设置绝对定位,会推在一起,标签写在最下面的层级高
3、未设置偏移量是自身位置没有变化
4、零点是开启了向外找到的第一个祖先元素,如果没有就会找到根元素为祖先元素
5、父容器会出现高度塌陷
BFC不能解决,唯一的解决方法是给父元素添加宽高