需求:父盒子不定宽高,第一个子盒子也不定宽高,要求第二个子盒子占据剩余高度。
解决方法:使用flex布局。
.parent {
height: 100% 或 数值;
display: flex;
flex-direction: column;
}
.secondChild {
flex: 1;
}
需求:父盒子不定宽高,第一个子盒子也不定宽高,要求第二个子盒子占据剩余高度。
解决方法:使用flex布局。
.parent {
height: 100% 或 数值;
display: flex;
flex-direction: column;
}
.secondChild {
flex: 1;
}
本文标题:父盒子不定宽高,第一个子元素也不定宽高,要求第二个子元素占据剩余
本文链接:https://www.haomeiwen.com/subject/ffcrxktx.html
网友评论