flex為什么不能跟絕對(duì)定位一起用？Flex是flexiblebox的縮寫，意思是“彈性布局”，用于為box模型提供最大的靈活性。任何容器都可以指定為flex布局。但是，使用flex布局后，子元素的屬

flex為什么不能跟絕對(duì)定位一起用？

Flex是flexiblebox的縮寫，意思是“彈性布局”，用于為box模型提供最大的靈活性。任何容器都可以指定為flex布局。但是，使用flex布局后，子元素的屬性（如float、clear和vertical align）將無(wú)效。這很正常

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

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

flex-Flexible-box是Flexible-box的縮寫。它被稱為“柔性布局”，為箱式模型提供最大的靈活性。每個(gè)元素都可以指定為flex布局，包括行中的元素。設(shè)置顯示：flex，它可以快速方便地處理網(wǎng)頁(yè)布局；

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

Flex可以和Grid混合使用嗎？

由于flex布局兼容性不是很好，國(guó)內(nèi)大多數(shù)網(wǎng)站應(yīng)該考慮使用低版本瀏覽器。畢竟，仍有許多人在使用舊版本的操作系統(tǒng)。

然而，flex布局更多地用于移動(dòng)終端的開發(fā)。手機(jī)上的瀏覽器大多是更高版本，可以支持瀏覽器的許多新功能。與以往的浮動(dòng)、定位等布局方式相比，flex布局方式可以很容易地解決垂直居中等布局問題。

為何現(xiàn)在前端很少有網(wǎng)站使用FLEX布局？

以下瀏覽器支持flex布局

ie10、edge、Firefox 2、chrome 4、Safari 3.1

以下瀏覽器支持標(biāo)準(zhǔn)flex布局（不需要添加私有屬性前綴）

edge、Firefox 28、chrome 29、Safari 9

畫布數(shù)據(jù)

flex布局不兼容ie怎么設(shè)置？

1。什么是flex布局？Flex是flexible box的縮寫，意思是“靈活布局”，用于為box模型提供最大的靈活性。任何容器都可以指定為flex布局。內(nèi)聯(lián)元素也可以使用flex布局。R 2。彈性屬性1。彎曲方向?qū)傩裕≧）]2。彈性包裹屬性（R 3。柔性流量/R 4。。對(duì)齊內(nèi)容屬性（R5。對(duì)齊項(xiàng)目屬性（r6。對(duì)齊內(nèi)容屬性（垂直橫軸）2。項(xiàng)（子元素）屬性（r1。順序?qū)傩裕╮2。彈性增長(zhǎng)屬性（R 3。彈性收縮屬性（R4。彈性基礎(chǔ)屬性（R5。彈性屬性）（r 6。對(duì)齊自身屬性）（r 6。對(duì)齊自身屬性）