CSS

position

• static: 默认。就是自然顺序，从上到下，从左到右，爱着你排列；
• absolute：绝对。原点是：最近的非static的父（上级）元素。
  • dom是一棵树。当前节点的父节点如果是absolute或relative，那么原点就是父节点，如果不是，那么就找父亲的父亲，而不是找父亲的兄弟，或自己的兄弟。
• fixed: 固定。相对于浏览器。
• relative：相对。相对于正常文档流中的自己。
• inherit：继承父元素

display

• flex 弹性。可以用一些flex盒子的相关属性；align-item justify-content
• table-cell 单元格布局。 把子元素当成td，子元素就被当成了行内元素，好处，比如可以用vertical-align 直接垂直对齐。

flex: 1

flex:1是felx:1 1 0的简写，是flex-grow:1;flex-shirnk:1;fl