覆盖默认的flexbox子元素为100％高度

Question

任何flex子元素都具有100％高度（更具体地说，横向）的flex元素。有没有办法将其覆盖为“缩小”，或者是将内容作为嵌套在两个flex祖先中的孙子的唯一方法？

HTML

.original
  .parent
    .content

CSS

.original {
 display:flex;
  justify-content;
}
.parent {
  display: flex;
  align-content: center;
}
.content {
  background-color: black;
}

Answer 1

您需要将flex-wrap: wrap添加到.original。