弹性布局flex（兼容不同浏览器）

参考（借鉴网友和自己实现代码）：https://blog.csdn.net/u010130282/article/details/52627661

目前弹性布局比较流行使用，但是这种布局出现的时间有不同的版本  不同版本针对不同版本浏览器也就存在兼容问题

参考：http://www.webfront-js.com/articaldetail/48.html

但是更早版本的浏览器，还没有弹性布局的概念，如：ie8等  要实现弹性布局 这个时候就要使用另一种方式（float），这种方式只是模仿弹性布局，float+clear+margin(padding)实现弹性的样式，这种只是为了兼容低版本的一些不存在弹性布局的浏览器

目前就是这两种情况

我自己的代码实现：