1. 定位 1.1 文档流
单个元素：
块级元素：内容宽度是其父元素的宽度的100％，并且与其内容一样高。
内联（行内）元素：高宽与他们的内容高宽一样。（所以不能为他们设置宽高）
元素之间的交互：
块级元素：在视口中垂直布局——每个都将显示在上一个元素下面的新行上。
内联元素：它们互相之间以及任何相邻（或被包裹）的文本内容位于同一行上。如果没有空间，那么溢出的文本或元素将向下移动到新行。
外边距折叠：两个外边距接触，则两个外边距中的较大者保留，较小的一个消失。
1.2 介绍定位 1.2.1 静态定位静态定位是每个元素获取的默认值——它只是意味着将元素放入它在文档布局流中的正常位置。
1.2.2 相对定位position: relative;