Flex盒的儿童盒没有100％的高度

Question

CSS，Flexbox有高度问题。 儿童盒的高度不是100％。 这有什么问题？

<div class="flex">
 <div class="item"></div>
 <div class="item"></div>
</div>

[CSS]

.flex{
  display:flex;
  flex-wrap: nowrap;
  justify-content:space-between;
  height:100%;
}

.item{
  flex: 1;
}

项目框只有内容的高度。 我想扩大儿童盒的高度， 所以我将这段代码放入flex css。

align-items:stretch;
align-content:stretch;

什么都没发生。

请给我一个建议。