CSS布局模型思考

flow模型：默认布局模型，元素从左向右、从上到下依次排列，块状元素独占一行。Position属性对应值static。

float模型：主要效果是让本来独占一行的块状元素变成内联-块状元素，并到一排显示。可以向四个方向浮动。浮动的元素将脱离普通流，不影响普通流的占位。

layer模型：

1. 相对定位，即从初始位置“浮起来”，飘到left等参数确定的位置，显示在那儿，但占位仍是占在初始位置，因此可以视为普通流的加强版；
2. 绝对定位，当父元素为默认（普通流）定位时，将元素定位到相对于整个文档内的偏移量；当父元素不是普通流定位(position!=static)时，将元素定位到相对于其父元素的偏移量。绝对定位的元素脱离了普通流，不占位。亦有内联-块状效果。
3. 固定定位，不随滚动条滚动，不占位。

设置z-index（z轴值）属性以调整元素叠放次序，z值大者在上。所有元素默认值为auto。