弹性容器

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

flex 值会使元素变为块级弹性容器，而 inline-flex 值则会使元素变为行内级弹性容器。这些值为元素创建了一个弹性格式化上下文，类似于块格式化上下文，其中浮动元素不会侵入容器，容器的边距也不会与项目的边距重叠。