布局模型：Flow Model(流动模型)
布局模型与盒模型一样是CSS基本、核心的概念。但布局模型是建立在盒模型基础上
布局模型的类型：Flow Model(流动模型)Layer Model（层模型）Float Model（浮动模型）流动模型是HTML默认的布局模型
所谓流动，就如同流水一样，元素本身是被动的，它随着文档流自上而下按顺序动态分布。流动布局只能根据元素排列的先后来决定分布位置，要改变某个元素的位置，只能通过改变它在HTML文档流的分布位置，所以这种布局模式是种被动的模式。
优点：元素之间不会存在错位、覆盖等问题，布局简单，符合人的浏览习惯。
缺点：制作都不能用单纯的布局模型设计出更艺术化的网页页面效果图。

布局模型：Layer Model(层模型)
层布局模型源于图形图像编辑器中的非常流行的图层编辑功能，为了支持层布局模型，CSS定义了一组定位（positio）属性。通过对元素进行定位，它允许用户准确定义网页元素的相对位置，这里的相对可以相对元素原来的位置，或者是近的包含块元素，或者是相对浏览器窗口。
定位类型：Static不定位（默认）Fixed固定定位，固定在视图窗口中，IE不支持Absolute绝对定位，将元素从文档流中拖出来，然使用left/right/top/bottom属性对于其接近的一个具有定位属性的父元素进行绝对定位。如果不存在这样的父元素，则相对于body元素，即根据浏览器窗口。Relative相对定位，它通过left/right/top/bottom属性对于其原位置进行定位，原位置还保留不变。