为什么flex-basis优先级高却对子项宽度无效？
在Flex布局中，
和
属性共同决定Flex子项的宽度。通常情况下，
优先级更高。然而，当
失效，子项宽度仍然受
影响，其原因在于：
仅在子项内容为空或仅包含匿名内容时才能有效。如果子项包含实际内容（例如文本或其他元素），
将被忽略，子项宽度则由
属性或内容撑开决定。
flex布局基础配套课件
flex布局基础配套课件
下载
在本例中，子项包含内容，导致
起作用，覆盖了
。
属性优先级并非总是高于
，而是当子项有实际内容时，
会影响最终宽度。
理解Flex子项宽度计算机制对于高效运用Flex布局至关重要。要使
生效，请确保子项内容为空，或仅包含不会影响宽度的匿名内容。 记住，
的高优先级并非绝对，其有效性取决于子项内容。
flex-basiswidthflex-basisflex-basis: 0width: 100pxflex-basisflex-basiswidthwidth: 100pxflex-basis: 0widthflex-basiswidthflex-basis: 0flex-basis