元素有三种布局模型：

1.流动模型（Flow）

2.浮动模型 (Float)

3.层模型（Layer）

流动模型

流动（Flow）是默认的网页布局模式。

特征：

1.块状元素都会在所处的包含元素内自上而下按顺序垂直延伸分布，因为在默认状态下，块状元素的宽度都为100%。实际上，块状元素都会以行的形式占据位置。

2.在流动模型下，内联元素都会在所处的包含元素内从左到右水平分布显示。

浮动模型

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

div{float:left;}

层模型

层模型就像Photoshop中的图层编辑，能够对每个图层进行精确操作。

三种形式：

1.绝对定位(position: absolute)

2.相对定位(position: relative)

3.固定定位(position: fixed)