当父盒子设置display: flex，子盒子使用flex: 1的时候，子盒子会自动填充满剩余的父盒子 但是如果子盒子中有其他元素可能撑开子盒子，那么样式就不是我们想要的样子了

子盒子及其子元素使用position

子盒子设置相对定位：position: relative 子盒子的子元素设置绝对定位：position: absolutely; top: 0; bottom: 0; right: 0; left: 0; 这是我最初版的解决办法

子元素设置overflow和零宽高

子元素设置flex: 1，同时设置overflow: hidden，并且根据排列方向设置width或者height为0 看网上是如此解决的，按说只要设overflow: hidden或者零宽高其一即可，但是我在项目中两个都设置才达到不错的效果

另外遇见的bug

记录一下遇到的有一定关联性的bug，切换页签时设置keep-alive动画，切换时上一元素未完全消失导致快速切换容器高度被错误计算