Flexbox的父级缩小程度小于子级

Question

我怎样才能防止这个伸缩父母缩小到小于孩子的身高？灰色容器是flex父级，白色框是子级。

grey box
  display flex

white boxes
  display block
  height 200px

Answer 1

我发现了问题；它是由css重置和以下规则引起的：

body, html { height: 100%; }

一旦我将其更改为：问题就消失了：

body { height:auto; min-height:100%; }
html { height: 100%; }