css3 display:flex 使用体会

display:flex感觉让布局容易了很多，作为初学者，发现有个坑，就是子元素对空间的分配，实际上是对父元素剩下的空间的分配，而不是对父元素所有空间的分配。
什么是剩余空间？如果父元素1000px，子元素a中写了几个字，占了100px，剩余空间就是900px。子元素b又写几个字，占了200px，就只剩下700px了。
涉及子元素几个属性:
flex-grow，后面带个数字，数字表明对剩余空间占得比例。
其他元素待查。