1.父元素display:flex之後成為伸縮容器，子元素（除了position:absolute或fixed）無論是display:block或者display:inline，都成為了伸縮專案。
2.可以固定乙個伸縮專案的寬度，另乙個伸縮專案自適應。
3.伸縮專案之間的空白自適應。
4.可以很方便進行水平和垂直方向的，居左，居中，居右，兩邊對齊等效果。
5.android瀏覽器4.4之前對於flex布局支援不好。
6.伸縮專案之間，沒有inline-block元素之間的空隙。
7.伸縮專案自動box-sizing:border-box。
flex布局知識點
flexbox 布局最合適小規模布局，而網格布局適合較大規模布局。float,clear,vertical align 在flex中不起作用。flex布局中，有兩類作用于父節點也子節點的樣式，大部分簡單的布局只要把父節點寫好了，子節點是沒有多大問題的。display flex 宣告布局方式 flex...
div css布局注意點
一 div居中 container margin 1px 2px 3px 4px 其中四個值分別代表上右下左 順時針 margin 1px 2px 其中1px代表分別距瀏覽器上邊和下邊的距離，2px代表分別距左右的距離。margin 0 auto 0 代表距上下的距離，auto代表距左右的距離。當左...
div css布局注意點
一 div居中 container margin 1px 2px 3px 4px 其中四個值分別代表上右下左 順時針 margin 1px 2px 其中1px代表分別距瀏覽器上邊和下邊的距離，2px代表分別距左右的距離。margin 0 auto 0 代表距上下的距離，auto代表距左右的距離。當左...