浮動

標準文檔流：
     指元素根據塊級元素和行內元素的特性，按照從上到下，從左到右的順序依次排列，這種方式是默認的排列方式

一.塊級元素和內聯元素

     塊級元素內容獨佔一行，內聯元素內容自動拼接

    display屬性： 塊級元素與內聯元素的相互轉換

    block: 塊級元素的默認值，將內聯元素轉換成塊級元素
    inline: 內聯元素的默認值，將內聯元素轉換爲塊級元素
    inline-block: 內聯元素和塊級元素特性都存在
    none: 隱藏元素，隱藏後位置不會被佔用

二.浮動

   float: 設置元素的浮動
   left ：左浮動
   right ：右浮動
   none ：默認，不浮動

  clear: 清除元素浮動
  left :清除此元素前左浮動元素
  right :清除此元素前右浮動元素
  both :清除此元素前左右浮動元素

三.防止防止父級邊框塌陷的方法

  浮動元素後面加空div
  簡單，空div會形成HTML代碼冗餘
  設置父元素的高度
  簡單，元素固定高會下降擴展性
  父級添加overflow屬性
  簡單，下拉列表框的場景不能用（常用）
  父級添加僞類after
  寫法比上面稍微複雜一點，可是沒有反作用，推薦使用