flex 和 flex-direction: 列； IE11 问题

Question

遇到了一个奇怪的问题，我在 IE11 中使用 flex 和 flex-direction: column 时有很多重叠的内容。

我在这里阅读了许多建议使用 flex: 1 的答案，但这似乎并没有解决我的问题。有人对我在这里可能遗漏的内容有任何其他建议吗？

提前谢谢你，

尼克

损坏的网站网址：http://8b220f.3.ekm.shop

.c-product--compact .c-product__attributes-wrapper {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: end;
   -ms-flex-pack: end;
   justify-content: flex-end;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
    flex-direction: column;
}


.o-grid__item {
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   padding-left: 1.5rem;
   width: 100%;
}

Answer 1

在 IE10-11（和其他浏览器）的 flexbox 实现中存在一些错误 - 你可以阅读它们 here

尝试在 flex-children 上设置 flex: 1 1 auto; 而不是 flex: 1;。