1、文档流
普通流：从上至下，从左至右 浮动流：元素添加了float: ; 定位流：添加了定位
2、定位：position：；
static 默认值，设置坐标无效
absolute 绝对定位 特征：脱离文档流，不占位。默认参考浏览器0点（html的00点）。元素随着页面的滚动而滚动，假如有定位父级，则参考父级元素
relative:相对定位 特征：占据文档流，占位置。参考自身加载在页面中的初始位置。元素随着页面的滚动而滚动
fixed:固定定位 特征：脱离文档流，不占位，元素固定在页面中，不随着页面的滚动而滚动
sticky：黏性定位 特征：当页面达到一定滚动高度时，脱离文档流，元素吸附到顶部。结合了相对定位与固定定位。
3、坐标位置： 水平 left/righ 垂直 top bottom
4、包含快：形成嵌套结构，且父级元素有设定定位position:relative;
5、层级关系 z-index:auto/number ; 默认值/可以为任意数字，数字大的层级高
前提条件：必须有定位的元素才可以修改层级
兄弟关系：改变任何一个元素的层级关系都可以
嵌套（父子）关系：只能改变子级的层级关系
6、锚点链接：（1）点击位置 a标签 href=" "(2)确定跳转位置 id=" "
<a href="#name">点击位置</a> ------<标签 id="name">跳转位置</标签>