CSS笔记-如何让带阴影盒子占满整个区域且不出现滚动条

在使用elementUI的card时候，发现如果内容高度设置了100%，虽然会全部撑开card盒子，但是下阴影会超出整个区域高度，导致出现滚动条，
可以为内容设置calc(100% - 阴影尺寸)，但是兼容性可能会有欠缺，
所以我们使用一个万金油方法：
position:absolute
我们知道如果想上下左右居中一个盒子，

.center-box{
   
   postion:absolute;
   left:0;
   right:0;
   top:0;
   bottom