定位

102 阅读1分钟

相对定位 relative

1、不脱离文档流
2、不设置偏移量时,没有任何变化
    偏移量:必须开启定位后才可以设置偏移
3、零点是元素本身的位置
4、元素层级会提高
5、一直占着原本所在的位置

偏移量

必须开始定位后才可以设置偏移
top:正数往下,负数往上
px
%相对父元素,有确定长度的父元素才可以设置百分比,块元素宽度100%,高度被元素撑起,topbottom默认=0

层级问题

1、同一个层级下,标签写在最下边的层级高
2、调节层级:z-inde:n...数字越大,层级越高

绝对定位

1、脱离文档流
        2、多个同级元素设置绝对定位,会推在一起,标签写在最下面的层级高
        3、未设置偏移量是自身位置没有变化
        4、零点是开启了向外找到的第一个祖先元素,如果没有就会找到根元素为祖先元素
        5、父容器会出现高度塌陷
                BFC不能解决,唯一的解决方法是给父元素添加宽高