【css】calc()函数100%的宽度/高度减指定高度

784 阅读1分钟

(1)calc()函数100%的宽度/高度减指定高度

引用来源:blog.csdn.net/Originally_…

要让B盒子占满 A盒子剩下的部分也就是黄框区域,这时候我们可以设置 B盒子 高为 100%  或者是100vh减去上面的 A盒子的高度50px。 image.png

在项目中如果B盒子内容超过视图界面,而且只想让滚动条出现在B盒子里那么B盒子可以如下设置css:

overflow-y: auto; //y轴超出内容设置滚动条
max-height:calc(100vh-50px) //设置最大高度固定