css应知应会 第五集

2020-08-17 10:19:35 浏览数 (1)

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

0 人点赞