IE 10/11 FLEX子溢出对齐的解决方法

IE 10/11 FLEX子溢出对齐的解决方法是通过使用-ms-flexbox属性来解决。-ms-flexbox是IE浏览器中用于实现Flexbox布局的前缀属性。

Flexbox是一种用于创建灵活的、自适应的布局的CSS3模块。它提供了一种简单而强大的方式来对容器中的元素进行布局和对齐。然而，IE 10和11对Flexbox的支持存在一些问题，其中之一就是子元素溢出对齐的问题。

要解决这个问题，可以按照以下步骤进行操作：

1. 在父容器上添加display: -ms-flexbox;属性，以启用Flexbox布局。
2. 使用-ms-flex-pack属性来指定子元素在主轴上的对齐方式。例如，-ms-flex-pack: start;将子元素左对齐，-ms-flex-pack: end;将子元素右对齐，-ms-flex-pack: center;将子元素居中对齐。
3. 使用-ms-flex-align属性来指定子元素在交叉轴上的对齐方式。例如，-ms-flex-align: start;将子元素顶部对齐，-ms-flex-align: end;将子元素底部对齐，-ms-flex-align: center;将子元素垂直居中对齐。

以下是一个示例代码：

.parent-container {
  display: -ms-flexbox;
  -ms-flex-pack: start;
  -ms-flex-align: center;
}

.child-element {
  /* 子元素的样式 */
}

在上面的示例中，.parent-container是父容器的类名，.child-element是子元素的类名。通过添加-ms-flexbox属性和使用-ms-flex-pack和-ms-flex-align属性，可以解决IE 10/11中Flexbox子元素溢出对齐的问题。

腾讯云提供了一系列云计算产品，其中包括云服务器、云数据库、云存储等。您可以访问腾讯云官方网站（https://cloud.tencent.com/）了解更多关于腾讯云的产品和服务。