(1)calc()函数100%的宽度/高度减指定高度
要让B盒子占满 A盒子剩下的部分也就是黄框区域,这时候我们可以设置 B盒子 高为 100% 或者是100vh减去上面的 A盒子的高度50px。
在项目中如果B盒子内容超过视图界面,而且只想让滚动条出现在B盒子里那么B盒子可以如下设置css:
overflow-y: auto; //y轴超出内容设置滚动条
max-height:calc(100vh-50px) //设置最大高度固定
要让B盒子占满 A盒子剩下的部分也就是黄框区域,这时候我们可以设置 B盒子 高为 100% 或者是100vh减去上面的 A盒子的高度50px。
在项目中如果B盒子内容超过视图界面,而且只想让滚动条出现在B盒子里那么B盒子可以如下设置css:
overflow-y: auto; //y轴超出内容设置滚动条
max-height:calc(100vh-50px) //设置最大高度固定