本文分享了解决在IE浏览器中使用Flex布局时遇到的问题。通过调整CSS属性，如使用`overflow: auto`而非`overflow: hidden`，并在子元素间加入一层嵌套的div，设置`white-space: nowrap`，最终实现了预期的布局效果。
今天做页面的时候，遇到了一个问题。
在一个大的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而奋斗不止，
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
