常見的佈局方式：
（1）標準流（默認的、順序佈局）
（2）定位
（3）浮動
1. 標準流：
（1）塊級元素：
標籤：div 、h1-h6、p、table、有序無序列表等。
特點： 獨佔一行
（2）內聯元素：
標籤： a span img input 等
特點：在網頁上佔同一行。空間不夠纔去下一行
2. position 定位屬性（通過改變正常的標準流，迫使元素脫離標準流。決定物體如何定位)
常見的參數有：static、relative、absolute、fixed、inherit
（1）static： 默認值。沒有定位。
出現在正常流中元素忽略top，right等的聲明
（2）relative：相對定位相對於正常位置定位
通過left top bottom right使元素脫離標準流
Eg：藍色的position：relative top：5px；
則相對她的正常位置 也就是圖一他本來應該在的位置 距離上方5px
（3）Absolote：絕對定位。
相對於static以外元素的第一個父元素定位
Eg：下圖是藍色 position爲absolute。 Top：50px；
可以看出藍色距離網頁頂端爲50px。因爲藍色的css在紅色之後，所以對紅色區域進行了覆蓋
（4）Fixed：固定定位。生成絕對定位元素。相對於瀏覽器窗口進行定位
（5）Inherit：（據說ie任何版本都不支持~所以這個能不用就不用）
3.float浮動：
float 屬性定義元素在哪個方向浮動。雖然任何元素都可以浮動，但這個屬性通常應用於圖像，使文本圍繞在圖像周圍，浮動元素會生成一個塊級框，而不論它本身是何種元素。
取值： left right none inherit
