flex弹性布局（1）

---

前言

制作一个简单布局：先定义一个大的div，在里面插入两个小的div，div中再插入span


总体代码布局代码：

*{
   
				margin:0px;
				padding:0px;
			}
			.box{
   
				width:480px;
				height:300px;
				border:1px dashed;
				background-color: lightgray;
				margin:100px;
			}
			.left{
   
				width:150px;
				height:250px;
				border:1px dashed;
				float:left;
				margin:20px;
				margin-right:10px;
				background-color: lightgoldenrodyellow;
			}
			.right{
   
				width:250px;
				height:250px;
				border:1px dashed;
				float:left;
				margin:20px;
				background-color: lightsteelblue;
			}
			span{
   
				display:block;
			}
			.left span:nth-of-type(1){
   
				font-size:30px;
				text-align:center;
				font-weight:bold;
				margin-top:70px;
			}
			.left