子元素撑开父元素，overflow: hidden;height: 100%;样式无效

原因：使用了flex布局，flex：1 的子元素 overflow:hidden;height: 100%;样式无效的问题，这个问题出现在孙元素高度大于子元素时，子元素会被孙元素撑开高度，导致孙元素高度达到了它爷爷的高度，这怎么行。解决方法：给子元素加上

min-width: 0 或者 min-height: 0