浮動 和 文檔流

      # 文檔流  #
        文檔流，是指盒子按照html標籤編寫的順序依次從上到下，從左到右排列，塊元素佔一行，行內元素在一行之內從左到右排列，先寫的先排列，後寫的排在後面，每個盒子都佔據自己的位置。
       # 浮動 #
      浮動讓行內元素或塊元素自動轉化爲行內塊元素
      浮動元素後面沒有浮動的元素會佔據浮動元素的位置，沒有浮動的元素內的## 文字 ##會避開浮動的元素，形成文字饒圖的效果
      父元素內整體浮動的元素無法撐開父元素，需要清除浮動
       浮動元素之間沒有垂直margin的合併