关于overflow适配IE的问题

今天做页面的时候，遇到了一个问题。

在一个大的DIV里面  放入了几个并排的小DIV，超出大DIV的部分不换行，会隐藏。

最开始是在父级DIV增加了overflow：hidden，display:flexbox，display:box，display:-ms-flexbox

display:-ms-flexbox添加这一句的作用主要是想适配IE浏览器，但是在浏览器中展示的时候遇到了问题。

其余的浏览器都展示正常，子div的超出部分隐藏了，但是在IE浏览器中没有超出部分，所有的子div自动拉伸，

铺满了整个div，搜索了很久，未找到适合我的页面布局的解决方案。

最后舍弃了在父级div中使用overflow：hidden属性，改为了overflow：auto属性。

并且在父级div和子级的几个div中间加了一层二级div，并给div了一个white-space: nowrap;属性。

该属性的作用是强制不换行，最终达到了我需要的效果。

中间遇到了一个小的展示问题，即子级div之间会有空白，后来发现空来是由于html代码中子级div换行显示导致，

最终把子级div不换行显示，达到最终效果。

学无止境，继续为解决一切BUG而奋斗不止，