CSS－Position
Positioned Layout Module
提供与元素定位和层叠相关功能 它是核心模块
static
静态定位，常规定位，自然定位
作用：
定位于常规自然流中
1.忽略top,bottom,left,right,或者z-index
2.如果两个相邻的都设置了外边距，那么最终的外边距就将是最大的
3.具有固定width和height值的元素，如果把左右外边距设置为auto，则左右外边距会自动扩大沾满剩余宽度，造成的效果就是这个块居中
relative:
作用：使元素成为containing-block－官话是可定位的祖先元素
特点：
1.可以使用top/right/bottom/left/z-index进行相对定位
2.相对定位的元素不会离开常规流
3.任何元素都可以设置为relative，它的绝对定位的后代都可以相对于它进行绝对定位
4.可以使浮动元素发生偏移，并控制它们的堆叠顺序
absolute：
作用：使元素脱离常规流
特点：1.脱离常规流
2.设置尺寸要注意：百分比比的是谁？最近定位祖先元素
3.lrtb如果设置为0，它将对齐到最近定位祖先元素的各边一一衍生出一个居中妙计
4.lrtb如果设置为auto 它将被打回原形
5.如果没有最近定位祖先元素 会认<body>做爹
6.z－index可以控制堆叠顺序
position之fixed：
基本和absolute差不多
固定定位是相对于视口而绝对定位是相对于父类
sticky：
磁铁定位，粘性定位，吸附定位
relative和fixed的完美结合，制造出吸附效果
特点：
1.如果产生位置偏移，原位置还在常规流中，一亩三分地留着
2.如果它的最近祖先元素有滚动，那么他的偏移标尺就是最近的祖先元素
3.如果最近祖先元素没有滚动，那么它的标尺是视口
4.上下左右的偏移规则
盒子模型和定位
盒子模型：通过改变盒子的外边距和内边距来实现元素的移动
定位：通过元素的位置移动来改变出现在网页的相对位置中
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用。你还可以使用@来通知其他用户。