一個flex格式化上下文的范圍僅限于父子關(guān)系。
這意味著flex容器始終是父級,而flex項目始終是子級。Flex屬性僅在此關(guān)系中起作用。
超出子級的flex容器的后代不屬于flex布局,也不會接受flex屬性。
為了將flex屬性應(yīng)用于子級,您始終需要將display: flex
或display: inline-flex
應(yīng)用于父級。
某些flex屬性僅適用于flex容器(例如justify-content
、flex-wrap
和flex-direction
),而某些flex屬性僅適用于flex項目(例如align-self
、flex-grow
和flex
)。
然而,flex項目也可以是flex容器。在這種情況下,該元素可以接受所有flex屬性。由于每個屬性執(zhí)行不同的功能,不存在內(nèi)部沖突,也不需要覆蓋任何內(nèi)容。