1、定位
1、相对定位
位置微调
2、绝对定位
1、特点
1、脱离文档流
2、相对于离他最近的 已定位的 祖先元素 来实现位置初始化
3、如果元素不存在已定位的祖先元素的话,则相对于body去实现位置初始化
2、语法
属性:position
取值:absolute
3、注意
1、绝对定位的元素全部都会变为块级元素
2、margin,在正常情况下,auto值会失效
非正常情况下,auto对上下左右有有效
绝对定位的时候,将left/top/right/bottom 全部都都设置为0,配合 margin:auto
3、堆叠顺序
1、注意
堆叠顺序只对已定位元素有效
2、语法
属性:z-index
取值:
无单位的数值,数字越大越靠上
默认都为 0
如果z-index相同的情况下,那么就后来者居上
4、固定定位
1、what
让元素固定在网页的可视化区域中,不会随着滚动条而发生可视化的位置改变
2、语法
属性:position
取值:fixed
配合 偏移属性 实现位置的定位和更改
3、注意
1、固定定位元素会脱离文档流
2、固定定位的元素会变成块级元素
3、固定定位的元素永远都是相对于body来实现位置的定位