css盒子高度自撑满

1、HTML代码:

<div class="max_box">

        <div class="nav_box"></div>
        <div class="min_box"></div>
    </div>

2、CSS代码:

*{

            margin: 0;
            padding: 0;
        }
        .max_box{
            width: 300px;
            height: 400px;
            border: 1px solid #000;
            position: relative;
        }
        .nav_box{
            width: 100%;
            height: 60px;
            background-color: red;
        }
        .min_box{
            width: 100%;
            position: absolute;
            top: 60px;
            left: 0;
            bottom: 0;
            background-color: pink;
        }