解决display:flex在低版本chrome浏览器默认脱离文档流的bug

1，使用display:-webkit-box解决

把display:flex改成display:-webkit-box解决问题

缺点：但子元素需要换行的时候，无法进行换行

2，使用display:Grid解决

grid-template-columns解决

3.使用float浮动解决

兼容性和满足业务，针对于兼容低版本浏览器，比较推荐使用。