1.彈性布局，解決高度塌陷的問題
2.彈性布局只對他的直接子元素控制，子元素的子元素不控制
3.彈性布局有主軸概念，當x軸為主軸，y為側軸，預設主軸的方向從左到右。
flex-direction: row/row-reverse；從左到右/從右到左
當y軸為主軸時側軸為x軸，預設方向是從上到下。
flex-direction: column/column-reverse 從上到下，從下到上。
4.當子元素的寬度大於父元素的寬度是會壓縮子元素寬度，從而使他放在一行中去。
比如父元素框800px，子元素框200px,有10個子元素，他會按比例縮小寬度放在同一行。預設是這樣的
5.如果項換行，就使用flex-wrap: wrap;設定換行，這樣又牽扯到如果主軸是x軸側軸是y軸，根據側軸如何進行分布12
3123
1231
23
html5 伸縮布局
基本概念 1 主軸 flex容器的主軸主要用來配置flex專案，預設是水平方向 2 側軸 與主軸垂直的軸稱作側軸，預設是垂直方向的 3 方向 預設主軸從左向右，側軸預設從上到下 4 主軸和側軸並不是固定不變的，通過flex direction可以互換 display flex 給父盒子加flex屬性...
HTML彈性布局
1 display flex 給父容器新增這個屬性 2 display flex 容器新增彈性布局後，顯示為塊級元素 display inline flex 容器新增彈性布局後，顯示為行級元素 3 設為 flex布局後，子元素的float clear屬性將失效。但是position屬性，依然生效。2...
HTML5 布局篇 總結
1 像這樣的行內標記，定義它的margin top和margin bottom是無效的，除非你把它設定為塊狀元素才可以。display block 2 對於塊狀元素，你可以自由的使用外邊距來定義版式和元素之間的距離。類似 div 等等，3 無論什麼元素，一旦設定為是浮動顯示，就擁有了完整的盒模型結構...