比如 <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:设置弹性盒子元素在主轴（横轴）方向上的对齐方式
我这里有个案例，你需要什么样的布局里面都能找：网页链接
LZ问题不是很明确，还是我太低端了？流定位我不清楚是什么意思，但是如果是采取绝对定位原则，被定位元素会根据绝对定位的属性出现在页面的某个位置，不会考虑其他元素的位置，可能重叠之类，但是如果采用相对定位，那么在HTML中会按照标签的书写顺序进行排列，顺序为从上到下，从左到右，若能容纳此元素，那么就会放在本行，如果放不下，就会挪到下一行，如此反复。
