关于min-height:100% 不生效的问题

移动端页面很多时候我们想要一个自适应高度的容器，但是有时候min-height:100% 设置了但是还是无法撑起页面，这主要是100% 是基于父元素的，父元素的高度的是一个固定值 例如

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

这样是可以让body撑起来的，但是如果是这样

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

这样body 是无法正确撑起来的