css flex1和flex2什么區(qū)別？flex1與flex2的區(qū)別是彈性布局有所不同，flex1彈性布局在左邊靠左，單方向布局。而flex2彈性布局在中間，兩個方向彈性布局flex布局框架？布局思路

css flex1和flex2什么區(qū)別？

flex1與flex2的區(qū)別是彈性布局有所不同，flex1彈性布局在左邊靠左，單方向布局。而flex2彈性布局在中間，兩個方向彈性布局

flex布局框架？

布局思路是這樣的：

1、首先給header和footer三個固定不動的高度。

2、然后把我記得body的高度要設(shè)為100%，不然body是沒有水平距離的。

3、body的布局設(shè)為flex，然后把。

4、設(shè)置那樣最好header和footer之后，我們就是可以正在設(shè)計main部分的內(nèi)容排列，是因為body設(shè)置的排列是column，那就是寬度排序，所以我沒法用align-items合攏main，只能在main里面設(shè)置中flex:11auto將元素撐大，并且aside和article是有滾動條的：所以在main里面要設(shè)置隱藏浮動，不然會將屏幕撐到太大。

5、上面也可以看到main確實是flex布局，所以才aside和article成行排列，要使article撐滿寬度，也要設(shè)置中flex:11auto。后來再體系十二塊里面的細節(jié)布局。

Flex可以和Grid混合使用嗎？

目前的場景不是需要判斷兼容性問題,,所以flex跟grid在同一個項目中使用容易是宜將嗎?

Flex和Grid總之是網(wǎng)頁開發(fā)中兩種差別的布局，在同一個項目中可以不水的混合物可以使用；

最早在網(wǎng)頁開發(fā)中，像是全是建議使用定位、浮動等來并且頁面布局，然而這種有很多局限性，代碼量比較比較多，與此同時css3的誕生，又出現(xiàn)了Flex布局和Grid布局；

Flex整個布局Flex是Flexible Box的縮寫，為“彈性布局”，為了為盒狀模型能提供大的靈活性。每一個元素都也可以重新指定為Flex布局，除開行內(nèi)元素,設(shè)置里display：flex這種Flex布局也可以很飛快、方便如何處理網(wǎng)頁布局；

Grid各種布局Grid布局又稱作“網(wǎng)格布局”，是一種二維網(wǎng)格布局；只需要給元素定義：display：grid,并設(shè)置列和行的大小，接著定義,定義子元素的位置即可；這種布局目前兼容性還也不是很不錯；

系統(tǒng)的總結(jié)

這種兩種布局也是替解決的辦法網(wǎng)頁布局問題而創(chuàng)建戰(zhàn)隊的，另外兩者之間是也可以依靠著使用，所以在同一項目中完全這個可以水的混合物使用；我希望以內(nèi)回答可以不幫到你，如有疑問，請在評論區(qū)私信給我