Html Flexbox定心在IE 11中不起作用

使用中心对齐内容和对齐项目在IE 11中似乎不起作用。在其他浏览器中，它的工作原理与我预期的一样。有人知道解决办法吗

.盒子{ 对齐项目：居中； 显示器：flex； 弯曲方向：立柱； 证明内容：中心； 文本对齐：居中； } .乐谱包装{ 对齐项目：居中； 显示器：flex； 证明内容：中心； 最小高度：280px； } .重叠圆{ 边界半径：100px； 边框：1px纯红； 填充：透明； 高度：200px； 位置：绝对位置； 宽度：200px； } .中心圆{ 边界半径：90px； 边框：1px纯蓝色； 高度：180像素； 位置：绝对位置； 宽度：180px； } 八百

极好的

，其中提到的2项：

在IE10和IE11中，如果具有display:flex和flex direction:column的容器具有minheight但没有显式height属性，则该容器将无法正确计算其弯曲子容器的大小。见小虫。 当使用最小高度时，IE 11未正确垂直对齐项目参见错误 也就是说，添加显式高度作为IE11的.score包装的后备

.box {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
}

.score-wrapper {
  align-items: center;
  display: flex;
  justify-content: center;
  min-height: 280px;
  height: 280px;
}

.overlay-circle {
  border-radius: 100px;
  border: 1px solid red;
  fill: transparent;
  height: 200px;
  position: absolute;
  width: 200px;
}

.center-circle {
  border-radius: 90px;
  border: 1px solid blue;
  height: 180px;
  position: absolute;
  width: 180px;
}

---

可能的重复我仍然在IE 11上看到相同的结果。但似乎我不应该在flex儿童身上使用绝对定位，否则他们将不在flex布局中。是和否。为了设计形状，规则可能会被打破一点，因为不管怎样，它都很粗糙。我发现有一些冗余，但让我仔细看看。