flex已知bug

根据微小的项目经验目前发现 flex 布局的以下 bug。当然 flex 布局兼容 ie9 以上。有很属性都需要兼容写法，建议使用 autoprefixer 插件自动补齐兼容写法。

• flex 主轴为横向时子元素非块级元素，ie10 以下不支持的 bug。

  解决方式为设定每个子元素都为display:block。

• flex 文字溢出问题。（宽度继承问题）

  父元素是 flex 布局时，子级元素的文字溢出就会失效。当然子级是有overflow:hidden属性的，子级代码如下、

.son {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

​ 因为在继承宽度上 flex 还是有问题。

​ 解决办法给与父级（flex:1 的）元素overflow:hidden。

• 高度继承问题。

  在父级是 flex 布局的时候，子元素height:100%在某些国产浏览器都是无效的。最新的 chrome 已经解决了问题。

  解决办法是子绝父相。给予父元素相对定位子元素绝对定位。或者给予父级显性高度。

• flex 下定位问题

  在某些国产浏览器中会出现子元素绝对定位中心点偏移的问题。

  这一点现在还没有好的解决办法，目前在 flex 慎用定位