弹性容器

在父元素的 display 属性上使用 flex 或 inline-flex 值可定义弹性盒布局。此元素由此变为弹性容器（flex container），其任意子元素变为弹性元素（flex item）。

flex 值导致元素变为块级弹性容器，而 inline-flex 为行级弹性容器。这些值为元素创建了与区块格式化上下文相似的弹性格式化上下文（flex formatting context），浮动体将不会侵入容器，且容器的外边距将不会与元素的外边距发生折叠。