第壹，標準文件流程
1，從上到下，從左到右(塊級元素div，ul，li，dl，dt，p和行級元素，img，strong，input)。
2.箱狀模式
盒子模型屬性:邊框、內填充(上、右、下、左)(上、左、右、下)(上、下、左、右)、外邊距(上、右、下、左)(上、左、右)。
3.盒子三維模型
方框3d模型級別有邊框；；內容+填充；背景-img；背景色；保證金.
4.盒子模型的大小等於盒子的邊框+外邊距+內邊距+中間內容大小。
第二，浮動浮動
浮動:左，右，無.
清除浮動:
1、清除:兩者都有；(通常用於清除緊隨其後的元素的浮動)。
2.同時設置寬度:1000%(固定寬度)++溢出:隱藏。
註意:當父級包含壹行時，clear:both方法無效。壹般使用第二種清除浮動的方法。
第三，絕對定位
1，靜態定位，2，相對定位，3，絕對定位。
網頁布局方法有:
1，壹列布局
壹般寬度和高度是固定的，margin: 0 auto設置為水平居中，用於在界面中顯示突出的標題。
2.兩列布局
說起兩列布局，最常見的就是用float來實現。float浮動布局的缺點是浮動後會造成文字換行等效果，需要及時清除浮動。
設置左左浮動，或設置左右浮動。(這是為了確定父元素的寬度)
3、三欄布局
兩側寬度固定，中間自適應。首先，設置父元素的寬度。您可以向左或向右設置浮動。然後在中間設置邊距來調整間距。您也可以將它們全部設置為向左浮動，設置邊距並調整間距。還要註意消除浮動的影響。