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; }