Html 为什么在IE11中包装的flex项目会溢出容器？

我无法理解为什么我的flexbox代码在IE11上不起作用。镀铬的没问题

它应该居中，但以下是它在IE11中的作用：

HTML

---

我觉得您需要定义一个

flex基础

，并使用周围的空间使其工作11确实存在flexbug。我觉得您需要定义一个

flex基础

，并使用周围的空间使其工作11确实存在flexbug。

<div>
  <ul>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
  </ul> 
</div>

body {
  padding: 40px;
  margin: 0;
}
div {
  box-content: border-box;
  width: 800px;
  overflow: hidden;
}
ul {
  display: flex;
  flex-flow: row wrap;
  background: blue;
  list-style-type: none;
  padding: 0;
  justify-content: center;
  margin: 0 0 -10px -20px;
}
li {
  flex-grow: 1;
  min-width: 260px;
  max-width: 340px;
  height: 260px;
  background: red;
  margin: 0 0 10px 20px;
}