子盒子始终撑满父盒子减去导航的高度,使用calc和flex两种方法

子盒子始终撑满父盒子减去导航的高度,使用calc和flex两种方法。
代码:





    
    
    
    子盒子始终撑满父盒子减去导航的高度
    




    
子盒子始终占满父盒子减去导航的高度
height: calc(100% - 100px);

子盒子始终占满父盒子减去导航的高度
利用display:flex实现一盒子固定宽高另一盒子占满剩余宽度

子盒子始终撑满父盒子减去导航的高度,使用calc和flex两种方法_第1张图片

你可能感兴趣的:(htmlcss)