多语言展示
当前在线:801今日阅读:23今日分享:25

css盒子高度自撑满

很多初学前端的朋友应该都有碰到过这个问题,想让父级div里一个子级div固定高度,另个子级div高度自适应,今天就让我们看看怎么解决这个问题
方法/步骤
1

HTML代码: 

                 
    

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

注意事项

父级div一定要设置成绝对或者相对定位

推荐信息