HTML5+CSS3+JavaScript主讲人：王森Web前端开发项目教程

Flex实现两列布局

学习目标/Target理解Flex实现两列布局的原理。学会通过flex属性实现左右两列布局。能够独立完成左列固定宽度，右列宽度动态调整的布局。

弹性布局思想父容器决定方向，子元素按比例分配空间父容器设置display:flex;，建立弹性布局环境主轴方向由flex-direction决定（横向row/纵向column）子元素沿主轴排列，并按flex比例分配空间页面在缩放时自动调整布局，不易错乱

弹性布局比例分配.wrap{height:400px;