定位與浮動

定位
    CSS 有三種基本的定位機制：普通流、浮動和絕對定位。
    四種定位方法
    static （默認）
    元素框正常生成。塊級元素生成一個矩形框，做爲文檔流的一部分，行內元素則會建立一個或多個行框，置於其父元素中。
    relative （相對定位 原位置不會被佔據）
    元素框偏移某個距離。元素仍保持其未定位前的形狀，它本來所佔的空間仍保留。
    absolute （絕對定位 脫離文檔流 定位是塊元素  原位置會被佔據）
    元素框從文檔流徹底刪除，並相對於其包含塊定位。包含塊多是文檔中的另外一個元素或者是初始包含塊。元素原先在正常文檔流中所佔的空間會關閉，就好像元素原來不存在一　　樣。元素定位後生成一個塊級框，而不論原來它在正常流中生成何種類型的框。
    fixed （固定定位 脫離文檔流  作小廣告）
    元素框的表現相似於將 position 設置爲 absolute，不過其包含塊是視窗自己
浮動
    left 元素向左浮動。
    right 元素向右浮動。
    none 默認值。元素不浮動，並會顯示在其在文本中出現的位置。