比如 <div>red</div><p>blue</p>
页面里显示，第一行是”red“，第二行是”blue“
页面里显示的顺序和代码里的顺序一致就是符合标准流的
若是给上面的标签加上浮动或定为属性，就可能脱离标准流，显示为blue在前，red在后了
比如 <div style="float:right">red</div><p>blue</p>
是标准文档流，同时用好这个弹性属性可以高效的布局，不用要用浮动这种脱离的方式来布局。
display:flex|inline-flex```
具体的弹性容器属性列表:
* flex-direction:弹性容器中子元素的排列方式(主轴排列方式)
* flex-wrap:设置弹性盒子的子元素超出父容器时是否换行
* flex-flow:flex-direction 和 flex-wrap 的简写
* align-item:设置弹性盒子元素在侧轴（纵轴）方向上的对齐方式
* align-content:修改 flex-wrap 属性的行为，类似 align-items, 但不是设置子元素对齐，而是设置行对齐(行与行的对其方式)
* justify-content:设置弹性盒子元素在主轴（横轴）方向上的对齐方式
我这里有个案例，你需要什么样的布局里面都能找：网页链接
