flex容器与浮动之间的区分

flex容器有两条轴，分别是主轴和从轴，主轴默认条件下是从左到右的水平方向，从轴默认是从上到下的垂直方向。

在实际使用过程中，元素通常是一行行换行排行的，div盒子也是如此，为了满足开发的需要，在开发过程中我们通常需要让一部分盒子横向排行，此时使用浮动来让需要横向排序的盒子进行横向排序，不过通常会配合万能清除去清除浮动，因为浮动会脱离文档流，而在使用过程中我们只是需要让盒子横向排序而已。使用flex容器的话，给予父元素此属性，则子元素在默认情况下是横向排序的，而且可以给父元素增加排序来使子元素进行左中右，下中下的排序，也能使用两端对齐来自动排序，对于排序方面来说，flex容器有着浮动无可比拟的优势。

flex容器本身是弹性盒子，在某些场景下，是需要使用浮动来令某些部分固定在屏幕下，比如导航条，但这两者可以相互套用，可在浮动元素下再使用flex容器。

对子元素的影响，浮动元素会令所有子元素全部受到影响，而弹性盒子即flex容器只会影响自己的次一级元素，可在浮动元素里套用flex容器来改变内部排序，达成自己需要的效果。