1. 常見網頁布局

? ? ? ? 1-3-1布局

? ? ? ? 1-2-1布局

2. 標準文檔流

3. display屬性?

? ? ? ? display： block

給span元素設置成block

? ? ? ? display： inline

給div元素設置成inline

? ? ? ? display： inline-block

給div和span元素設置為inline-block

? ? ? ? display： none

給div元素設置為none

? ? ? ? display特性

4.? 浮動?

浮動的盒子可以向左浮動，也可以向右浮動，直到它的外邊緣碰到包含框或另一個浮動盒子為止。

5. 邊框塌陷

? ? ? ? 清除浮動

6. 父級邊框塌陷

? ? ? ? 加入空div

? ? ? ? 設置父級元素高度

? ? ? ? 給父級元素添加overflow屬性

? ? ? ? 溢出處理-overflow的屬性

? ? ? ? 父級添加偽類?推薦使用

? ? ? ? 小結

7. 總結

? ? ? ? inline-block和float的區別

????????