原创力文档- 1、本文档内容版权归属内容提供方，所产生的收益全部归内容提供方所有。如果您对本文有版权争议，可选择认领，认领后既往收益都归您。。
- 2、本文档由用户上传，本站不保证质量和数量令人满意，可能有诸多瑕疵，付费之前，请仔细先通过免费阅读内容等途径辨别内容交易风险。如存在严重挂羊头卖狗肉之情形，可联系本站下载客服投诉处理。
- 3、文档侵权举报电话：400-050-0827(电话支持时间：9:00-18:30)。
查看更多
HTML5+CSS3+JavaScript主讲人：王森Web前端开发项目教程
Flex实现两列布局
学习目标/Target理解Flex实现两列布局的原理。学会通过flex属性实现左右两列布局。能够独立完成左列固定宽度，右列宽度动态调整的布局。
弹性布局思想父容器决定方向，子元素按比例分配空间父容器设置display:flex;，建立弹性布局环境主轴方向由flex-direction决定（横向row/纵向column）子元素沿主轴排列，并按flex比例分配空间页面在缩放时自动调整布局，不易错乱
弹性布局比例分配.wrap{height:400px;
文档评论（0）