有没有办法将弹性项目变成容器？

Question

我注意到在将 flex 属性添加到弹性项目时，弹性项目会溢出其容器。有没有办法包含那个弹性项目？我猜它会被认为是一个嵌套的弹性容器？

Answer 1

Flex-box 是一种复杂的父子定位关系，在父子节点上都有多个属性。请注意，项目上的flex 属性是flex-grow、flex-shrink 和flex-basis 的简写属性，按顺序排列。

虽然在某些情况下它看起来会影响溢出，但实际上不会。这是由overflow 属性严格控制的。您可以在玩 flex 和 overflow 时，通过在父母和/或孩子 (border: 1px solid red;) 上设置细边框来轻松测试这一点。

您会注意到flex 不会更改或控制overflow。它可能会更改形状和位置，这可能会导致子级溢出其父级或其他兄弟级，但它不会更改或控制overflow 属性。

overflow 在所有 html 元素上默认为 visible。