在網頁中，元素有三種布局模型：

1、流動模型（Flow）
default，就是塊級元素都自上而下的分布，寬度都為100%。內聯元素都從左到右水平分布。

2、浮動模型 (Float)
div、p、table、img 等元素都可以設置為浮動。兩個 div 顯示在一行的代碼如下：
div{
    width:200px;
    height:400px;
    border:2px red solid;
    float:left;
}

3、層模型（Layer）
層模型有三種形式：
(1)絕對定位(position: absolute)
div{
    width:200px;
    height:400px;
    border:2px red solid;
    position:absolute;
    left:100px;
    top:50px;
}

(2)相對定位(position: relative)

(3)固定定位(position: fixed)

層模型中，各元素可能出現堆疊。堆疊順序可以用z-index控制，z-index大者在上。z-index相同時，根據CSS聲明順序，靠後者在上。

來自：http://blog.csdn.net/ybdesire/article/details/49338569

CSS布局模型（流動模型、浮動模型、層模型）