CSS布局

一、position

position中的relative和absolute属性的参照对象：

relative是参照本身在普通文档流中的定位。

absolute是参照最近一个非static祖先元素（即属性值为relative等的元素）。

二、float

使用float之后元素将从普通文档流中删去，但仍有影响，不会覆盖文字。

三、display

块状元素 block

可设置宽和高、独占一行

内联元素　　　　　　　　 inline

不可设置宽和高、同行显示

内联块状元素　　　　　　 inline-block

可设置宽和高、同行显示

四、flex布局

其布局方向不可知，适用于应用程序组件级小规模布局

五、grid布局