文档流分为标准文档流和脱标文档流
一、标准文档流
1.标准文档流的定义：宏观的将，我们的web页面和ps等设计软件有本质的区别，web 网页的制作，是个“流”，从上而下 ，像 “织毛衣”。而设计软件 ，想往哪里画东西，就去哪里画。
2.标准文档流下的微观现象。
（1）空白折叠现象：多个空格会被合并成一个空格显示到浏览器页面中。img标签换行写。会发现每张图片之间有间隙，如果在一行内写img标签，就解决了这个问题，但是我们不会这样去写我们的html结构。这种现象称为空白折叠现象。
（2）高矮对齐，底边对齐：文字还有图片大小不一，都会让我们页面的元素出现高矮不齐的现象，但是在浏览器查看我们的页面总会发现底边对齐
（3）自动换行，一行写不满，换行写：如果在一行内写文字，文字过多，那么浏览器会自动换行去显示我们的文字。
二、脱标文档流
1.脱标的方式
（1）浮动：左浮动、右浮动。
（2）定位：相对定位、绝对定位、固定定位。
2.脱标的定义：脱离标准的文档流，即通过浮动、定位两种方式使脱离页面。