flex布局的基本概念Flexible Box模型，通常被称为flexbox，是一种一维的布局模型。它给flexbox的子元素之间提供了强大的空间分布和对齐能力。flexbox的两根轴线flex布局的所有属性都跟两根轴线有关，主轴和交叉轴，主轴由flex-direction定义，交叉轴垂直于主轴。主

position：static(默认)｜relative｜absolute｜fixed｜stickystatic（正常）定位静态定位，指定元素使用正常的布局行为，即元素在文档常规流中当前的布局位置。此时 top, right, bottom, left 和 z-index 属性无效。relative