第十章 定位 层级关系

定位

定义：参照参考物来改变自己的位置
属性：position
值：
 1. static 默认定位 遵循文档流
 2. fixed 固定定位 将元素固定在页面的指定位置
 3. relative 相对定位 不使元素脱离文档流 参考位置是在页面第一次加载成功的位置
 4. absolute 绝对定位 使元素脱硫文档流 配合相对定位使用
 绝对定位的元素的位置相对于最近的已经定位的祖先元素
 margin：auto失效
 元素通过 left top right bottom 进行布局

层级关系

z-index 可以调换两个层的位置关系
值：值可正可负 值越大 越在上面
z-index相对和绝对定位的元素有效果 用到最多的就是悬浮导航