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;

 

        }