Html flex容器100%高度的Bug？

请看jsbin。

---

我在flex容器上有一些100%高度的bug。当内容太多时，它会从您忘记创建/打开的容器中掉落

<div class="col col2"> 

<div class="col col1">
</div> place <div class="col col2"> after the ending div of col col1

html,body{
  height:100%; /*Having 100% stretches your content, try removing height:100%; and see the difference*/
}

.parent{
  padding:10px;
  background:#888;
  display:flex;
  flex-wrap:wrap; /*Using flex-wrap:wrap will wrap your second div class to the next line*/
  flex:1 0 auto;
}

.col1{
  background:yellow;
}

.col2{
  background:lightgreen;
}