標準文件流:

                 指元素根據塊級元素和行內元素的特性,按照從上到下,從左到右的順序依次排列,這種方式是預設的排序方式

一.塊級元素和內聯元素

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

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

              block:   塊級元素的預設值,將內聯元素轉換成塊級元素

              inline：   內聯元素的預設值,將內聯元素轉換為塊級元素

              inlin-block：   內聯元素和塊級元素特性都存在

              none：隱藏元素,隱藏後位置不會被佔用

二.浮動

           float：設定元素的浮動

                      left     ：左浮動

                      right   ：右浮動

                      none  ：預設,不浮動

 三.防止父級元素塌陷的方法

         浮動元素後面空div

                          簡單,空div會造成1HTML程式碼冗餘

         設定父級元素的高度

                          簡單,元素固定高度會降低擴張性

           父級新增overflow屬性

                            簡單,下拉列表的場景不能用(經常使用)

            父級新增偽類after

                            寫法比上面稍微複雜一點,但是沒有副作用,推薦使用