div布局和flex布局区别

div布局使用的是“盒模型”加上display、position和float属性，但是对于一些特殊的布局实现例如居中却是比较麻烦。

Flex 即为Flexible Box，指的是“弹性布局”，它可以为盒模型提供更加灵活的布局方式，例如，用flex可以优雅地实现水平竖直居中的布局。