CSS布局模型

元素有三种布局模型：

1.流动模型（Flow）
2.浮动模型 (Float)
3.层模型（Layer）

流动模型

流动（Flow）是默认的网页布局模式。
特征：
1.块状元素都会在所处的包含元素内自上而下按顺序垂直延伸分布，因为在默认状态下，块状元素的宽度都为100%。实际上，块状元素都会以行的形式占据位置。
2.在流动模型下，内联元素都会在所处的包含元素内从左到右水平分布显示。

浮动模型

可以把元素定义为浮动模型

div{
float:left;
}

层模型

层模型就像Photoshop中的图层编辑，能够对每个图层进行精确操作。
三种形式：
1.绝对定位(position: absolute)
2.相对定位(position: relative)
3.固定定位(position: fixed)