静态定位（static）
- 将元素放入它在文档布局流中的正常位置
相对定位（relative）
- 对于自己在标准文档流中的位置，不会让元素脱离文档流
绝对定位（absolute）
-
不再存在于正常文档布局流中
-
用left、right、top、bottom属性相对于其最接近的一个具有定位属性的父包含块进行绝对定位
-
不存在这样的包含块，则相对于body元素，即相对于浏览器窗口
固定定位（fixed）
- 固定元素则是相对于浏览器视口本身，不会受文档流动影响
粘性定位（sticky）
文档流
-
在对布局进行任何更改之前，在页面上显示"块"和"内联"元素的方式
- 从上至下，从左到右
-
固定导航开始没有脱离文档流，当满足top:0,left:0的规则时，脱离了文档流
-
正常的布局流是将元素放置在浏览器视口内的系统
-
块级元素在视口中垂直布局——每个都将显示在上一个元素下面的新行上，并且它们的外边距将分隔开它们
-
内联元素表现不一样——它们不会出现在新行上；相反，它们互相之间以及任何相邻（或被包裹）的文本内容位于同一行上，只要在父块级元素的宽度内有空间可以这样做。如果没有空间，那么溢流的文本或元素将向下移动到新行
-
如果两个相邻元素都在其上设置外边距，并且两个外边距接触，则两个外边距中的较大者保留，较小的一个消失——这叫外边距折叠（margin塌陷）
-
