0
点赞
收藏
分享

微信扫一扫

css - 脱离文档流

CSS position定位&z-index层级

1. 定位position:

(1). 相对定位relative:

  • 元素相对定位: a. 相对于元素在文档流中原本的位置定位的 b. 不脱离文档流 c. 如果不设置偏移量,元素不会发生任何变化
  • 不改变元素性质(块级/内联元素)

(2). 绝对定位absolute:

  • 绝对定位的元素: a. 相对于最近开启定位的父元素定位,如果没有,则相对于窗口定位 b. 脱离文档流
  • 会改变元素性质,内联元素会转换为块元素

(3). 固定定位fixed:

  • 脱离文档流
  • 固定定位永远相对于窗口定位,不随滚动条滚动

(4). 默认值static:

  • 没有定位

2. 层级z-index:

  • 只有开启定位的元素才可以设置z-index
  • 属性值: a. 整数 b. 数值越大,层级越高,越靠前展示
举报

相关推荐

0 条评论