Flex是一种CSS布局模型，有两个重要的概念：容器和项目。
容器指的是被指定为Flex布局的父元素，也就是包裹着所有Flex子元素的元素。容器可以通过设置display: flex或display: inline-flex来启用Flex布局。
项目指的是容器中被Flex布局管理的直接子元素。每个项目可以被设置为灵活尺寸（flexible size），或固定尺寸（fixed size）。项目通过设置flex属性来定义它们在容器中的占比，包括flex-grow、flex-shrink和flex-basis三个属性。
利用这些概念，我们可以通过灵活地分配空间和设置优先级，轻松控制容器中项目的布局。