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

一.塊級元素和內聯元素

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

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

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

二.浮動

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

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

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

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

HTML第七章