文档流
文档流（normal flow，也被称为“普通流”），指的是就是元素排版布局过程中，元素会自动从上往下，从左往右地遵守这种流式排列方式。
当浏览器渲染HTML文档时，从顶部开始渲染，为每个元素分配所需要的空间，遇到块级元素则放置在一行，行内元素则被水平放置直到在当前行遇到边界，然后从下一行起点继续渲染。
脱离文档流
脱离文档流说的是将元素从普通文档流中脱离出来，而其他没脱离的元素会当其不存在，仍按照给定的位置进行定位，也可以与脱离文档流元素重叠。
1、float浮动
2、position：absolute绝对定位
3、position：fixed固定定位