本文介绍了在IE11浏览器中使用Flex布局时遇到的内容溢出问题及解决方法。通过对比Chrome、Firefox等浏览器的表现，发现IE11对于flex属性的默认处理不同，需要额外设置flex-basis:auto来实现正确的响应式布局。
今天在调页面的自适应，将页面的骨架用flex布局了，然后在IE中出现了溢出的现象。
布局如下:
结果在main主题中，left\center\right，怎么拉伸IE11浏览器都不换行，而且出现内容溢出的效果。
经搜查…发现…
IE11对flex子元素的flex属性不像其他浏览器（chrome、Firefox等）一样。
flex:1
- 在chrome、Firefox等浏览器下，会默认成
flex:1 1 auto - 在IE 10-11中会默认成
flex:1 1 0
所以当我们设置子元素的flex的时候，多加一步，flex-basis:auto，即可正常显示。
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
