css应知应会 第五集

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来实现位置的定位