先介绍一下文档流的概念：css布局是用html元素和css呈现页面，按照从上倒下，从左到右的规则把一个个div一个挨一个的呈现在页面当中，css的这种排版形式叫做文档流。
块级元素(block)：
块级无素的显著特点是：每个块级元素都是从一个新行开始显示，而且其后的无素也需另起一行进行显示
①总是在新行上开始；②高度，行高以及外边距和内边距都可控制；
③宽度缺省是它的容器的100%，除非设定一个宽度。
④它可以容纳内联元素和其他块元素
行内元素(inline)：
①和其他元素都在一行上；②高，行高及外边距和内边距不可改变；
③宽度就是它的文字或图片的宽度，不可改变
④内联元素只能容纳文本或者其他内联元素
CSS 有三种基本的定位机制：普通流、浮动和绝对定位。