良心巨制！看完这篇关于Flex布局你应该不会有什么疑问了

1. 初识flex

首先通过几个比较适合用flex实现的案例来感受一下flex布局和之前的原生css布局的区别。

 body {
   margin: 30px;
   padding: 0;
 }
 .box {
   width: 70%;
   height: 300px;
   background-color: wheat;
   border: 1px solid purple;
   margin-bottom: 30px;
   box-sizing: border-box;
 }
 .item {
   width: 100px;
   height: 100px;
   background-color: red;
   border: 1px solid blue;
   box-sizing: border-box;
 }