美文网首页
父盒子不定宽高,第一个子元素也不定宽高,要求第二个子元素占据剩余

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

作者: 砚婉儿 | 来源:发表于2020-06-16 15:05 被阅读0次

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

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

    相关文章

      网友评论

          本文标题:父盒子不定宽高,第一个子元素也不定宽高,要求第二个子元素占据剩余

          本文链接:https://www.haomeiwen.com/subject/ffcrxktx.html