校招刷题群
高效刷题 迎战校招
校招精选试题
近年面笔经面经群内分享
Java刷题群 前端刷题群 产品运营群
首页 > js语言和框架 > 盒模型、弹性盒布局
题目

有一个高度自适应的div。里面有2个div,一个高度100px,希望另一个填满剩下的高度

解答

解析:

    外层box-sizing: border-box; 同时设置padding: 100px 0 0;

    内层100像素高的元素向上移动100像素,或使用absolute定位防止占据空间;

    另一个元素直接height: 100%;

 


    外层position: relative;

    百分百自适应元素直接position: absolute; top: 100px; bottom: 0; left: 0

C 1条回复 评论
酸柠檬啊

https://blog.csdn.net/zhang070514/article/details/83869338

发表于 2020-10-05 20:12:00
0 0