Flex-wrap:wrap-reverse in 边缘

Question

在以下示例中，弹性项目从包装器的右上角开始流动：

div {
  outline: 1px solid teal;
}

#wrap {
  width: 400px;
  height: 200px;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap-reverse;
}

#wrap div {
  width: 50px;
  height: 50px;
}

<div id="wrap">
  <div>1</div>
  <div>2</div>
  <div>3</div>
  <div>4</div>
  <div>5</div>
  <div>6</div>
</div>

但这是我在 Edge 中看到的：

flex-direction: row; 他们看起来像这样：

但这是他们在 Edge 中的样子：

Edge 的行为是否正确？

Answer 1

Edge 在 2016 年 4 月的版本中似乎有 this bug。

报告中指出（2017 年 3 月 29 日），从版本 15063 开始，此错误已得到修复。

旁注：修复的版本似乎仅作为 Insider Preview 发布，但随着本月（2017 年 4 月）发布的创意者更新，所有人都应该得到它

Flex-wrap:wrap-reverse in 边缘

Flex-wrap:wrap-reverse in Edge

html

css

flexbox

microsoft-edge