父盒子不定宽高，第一个子元素也不定宽高，要求第二个子元素占据剩余

2020-06-16 本文已影响0人砚婉儿

需求：父盒子不定宽高，第一个子盒子也不定宽高，要求第二个子盒子占据剩余高度。
解决方法：使用flex布局。

.parent {
    height: 100% 或 数值;
    display: flex;
    flex-direction: column;
}
.secondChild {
    flex: 1;
}