Flex可以和Grid混合使用嗎？實(shí)際上，flex和grid是web開發(fā)中兩種不同的布局方法，可以在同一個(gè)項(xiàng)目中混合使用；在第一次web開發(fā)中，我們一般采用定位、浮動(dòng)等方法進(jìn)行頁(yè)面布局，但是這種方法有

Flex可以和Grid混合使用嗎？

實(shí)際上，flex和grid是web開發(fā)中兩種不同的布局方法，可以在同一個(gè)項(xiàng)目中混合使用；

在第一次web開發(fā)中，我們一般采用定位、浮動(dòng)等方法進(jìn)行頁(yè)面布局，但是這種方法有很多局限性，代碼體積比大。隨著CSS3的誕生，出現(xiàn)了flex布局和網(wǎng)格布局；

flex是flexible Box，簡(jiǎn)稱“elastic layout”，用于為Box模型提供最大的靈活性。每個(gè)元素都可以指定為flex布局，包括行中的元素。設(shè)置顯示：flex，它可以快速方便地處理網(wǎng)頁(yè)布局；

網(wǎng)格布局，也稱為“網(wǎng)格布局”，是一種二維網(wǎng)格布局。您只需要為元素定義：display：grid，設(shè)置列和行的大小，然后定義子元素的位置。這種布局對(duì)象的預(yù)兼容性不是很好；