h5 day8笔记 2021.08.25

定位：（对象，参照物，方向）

属性position：属性值

static（默认值，静态定位）

relative（相对定位）--给绝对定位提供参照物

--1）相对于自身初始位置移动；2）不会脱离文档流，不破坏网页布局；3）设置方向不需要有父级包含框的接触，和盒模型概念不同；

absolute（绝对定位）

--1）父级有定位属性就相对于父级移动，父级没有就相对浏览器移动；2）脱离文档流，初始位置不存在，会破坏网页布局；不建议大区域上使用

fixed（固定定位）

--1）相对于浏览器进行位置移动；2）脱离文档流，初始位置不存在，会破坏网页布局；

sticky（粘性定位）

--1）相对定位和固定定位的结合（相对定位不脱离文档流，固定定位相对一浏览器移动）；2）--css新增属性值，好用但兼容性差

层叠属性：z-index：auto/数字（数字可为正/负，数字越大越往上显示，必须在定位环境下使用）

锚点：（同一页面内不同位置进行跳转）

<标签 id=“锚点名”></标签>

<a href="#锚点名"></a>