嵌套flex容器时正确使用flex属性
flex容器始终是父级,而flex项目始终是子级,因为flex格式上下文的范围限于父/子关系。
Flex容器的后代(超出子代)不是Flex布局的一部分,并且不接受flex属性。
您需要始终使用-
display: flex
要么
display: inline-flex
一些flex属性仅适用于flex容器-
justify-content flex-wrap flex-direction
一些仅适用于弹性项目的弹性属性-
align-self flex-grow flex