flex

发表于 | 更新于

关于flex弹性布局在前端页面，尤其是在响应式布局中的应用是非常的简便，由于对ie9兼容性不是很好，而之前的开发模式并没有摒弃ie用户，所以至今才开始了解flex弹性布局。
简要介绍几种在前端中常用的几种布局模式：

一、左侧固定宽度，右侧弹性宽度
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
....
	<div class="box">
		<div class="left">固定宽度</div>
		<div class="right">弹性宽度</div>
	</div>
	<style>
		.box{
			display: flex;
			flex-flow: row;
		}
		.left{
			width: 200px;
		}
		.right{
			flex: 1;
		}
	</style>
....