1.flex 布局 横向的属性 默认 纵向 flex-direaction：column； flex:1 撑开余下的部分，
2. flex布局脱离了文档流，这意味着什么呢
3.父子元素有效
处理换行是 flex-wrap
对其方式 justify-content
项目的属性，
order 排序
flex-grow 放大比例
flex-shrink 缩小比例
flex-basis 计算主轴是否有多余空间
flex <‘flex-grow‘> <‘flex-shrink‘>? || <‘flex-basis‘>
align-self
1. flex：1；
2. BFC布局
3.computed 是代码块里任何有所改变都会触发执行
原文：https://www.cnblogs.com/xiaopaoll/p/13725523.html