flex：1，display：flex在同一個元素上？

我無法在線或caniuse網站上找到可靠的信息。flex：1，display：flex在同一個元素上？

它是'合法的'，並且很好地支持在flexbox項目上使用display：flex？我的意思是：

.parent{ 
    display: flex; 
} 

.child{ 
    flex:1; 
    display: flex; 
}

你也許知道任何瀏覽器的支持圖嗎？

2017-07-05 Stratboy

https://css-tricks.com/snippets/css/a-guide- to-flexbox/ – Gerard

這不回答我的問題。這不是基本的flexbox。 – Stratboy

這是合法的使用和被稱爲_nested_ flex容器。任何支持'display：flex'的瀏覽器支持_nested_ containers – LGSon

這不是「支持」的問題。

display:flex使元素成爲「flex-parent」。

flex: 1適用只有到「flex-children」。

這完全是「合法的」，因爲這兩個屬性並不適用於相同的原因，並且與沒有關係，具體是有關。

有關嵌套flexboxes信息，您可以參考W3.org Specification *

^*由於LGSon

2017-07-05 09:04:14

好吧，但是你知道關於瀏覽器支持的任何信息嗎？我的意思是，如果我使用它，它會被瀏覽器正確解釋嗎？什麼瀏覽器？這個具體的信息似乎沒有在caiuse上可用。 – Stratboy

您的基本問題與支持無關。如果瀏覽器支持flexbox，則支持這兩個屬性。 –

@Stratboy關於嵌套框的官方信息在這裏，[https://www.w3.org/TR/css-flexbox-1/#abstract](https://www.w3.org/TR/css-flexbox -1 /＃抽象），所以你可以安全地接受這個答案:) – LGSon

回答