flex布局

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；  有个文章写的不错：https://mp.weixin.qq.com/s?__biz=MzA5NzkwNDk3MQ==&mid=2650587826&idx=1&sn=785aa994a3f046f55c21b2c147863967
2. BFC布局

3.computed 是代码块里任何有所改变都会触发执行