浮動

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

一.塊級元素和內聯元素

 塊級元素內容獨佔一行，內聯元素內容自動拼接    display屬性： 塊級元素與內聯元素的相互轉換     block: 塊級元素的默認值，將內聯元素轉換成塊級元素   inline: 內聯元素的默認值，將內聯元素轉換爲塊級元素   inline-block: 內聯元素和塊級元素特性都存在   none: 隱藏元素，隱藏後位置不會被佔用   

二.浮動    float: 設置元素的浮動   left ：左浮動   right ：右浮動   none ：默認，不浮動    clear: 清除元素浮動   left :清除此元素前左浮動元素   right :清除此元素前右浮動元素   both :清除此元素前左右浮動元素

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