flex第一篇

1、如何使用flex自适应
解决方案：父容器使用display:flex属性，则子容器会平分父容器内的空间
2、如何使flex布局拥有float：left/right效果
解决方案：flex-wrap属性（设置子内容换行）
wrap效果类似于float：left
类似float:right还需要flex-direction：row-reverse属性（改变主轴方向）
3、注意：float、clear属性和vertical-align属性在flex属性中无效。
4、在设置商品框的时候，商品框可以自适应，但是在页面变小时，商品框无法根据页面从4个变为3个、2个、1个
解决方案：将子元素设定的25%的宽度去除。
5、布局页面时希望导航能一直浮在上放，使用postion:fixed与flex冲突，flex样式全部变为无效。
解决方案：将导航提出，单独使用样式，不用flex控制