弹性容器

使用父级元素的 display 属性的 flexinline-flex 值来定义一个 flexbox 布局。然后,该元素将成为一个 flex 容器,它的每个子元素都将成为一个 flex 元素

flex 值会使元素成为一个块级 flex 容器,而 inline-flex 则会使其成为一个内联级 flex 容器。这些值会为元素创建一个 flex 格式化上下文,这类似于块级格式化上下文,因为浮动元素不会侵入容器,并且容器的外边距不会与 flex 元素的外边距合并。