携手创作，共同成长！这是我参与「掘金日新计划 · 8 月更文挑战」的第7天，点击查看活动详情
今天在改页面时，注意到了这个问题，其实之前就发现了，一直没去改。今天看着实在不舒服，就查了一下，上手改掉了，记录一下。
问题
如上图，由于这个页面是一个嵌套形式的，就是一个页面中嵌套了另一个页面，又因为每一层的 el-main 用的样式都是一样的(应该是这个原因)，导致原先是有两个滚动条的。把最外层的滚动条通过 overflow: hidden 隐藏掉后，又利用 height: calc(100% - 70px) 滚动条高度“抬”高一点，然后就出现了这个问题。
思路
既然问题出在滚动条框中，一定是滚动条的哪个设置没有设置好。但我对滚动条的了解也不熟悉，《百度》。
解决
其实这个问题解决起来很简单，在合适的位置(能使滚动条样式生效的地方)，填上一下样式即可：
::-webkit-scrollbar-corner {
background-color: #****
}
其中 #**** 就是设置成你希望的背景色，“溶”于整体背景中，就看不出白色块了。
补充
上面提到，在出现这个问题之前，我还通过 height: calc(100% - 70px) 将滚动条高度“抬”高一了点。这一点最开始也是一个需求：最开始，由于我在页面最上方，表格上面加了一个 div 用于对表格中数据进行查询。导致下方表格的滚动条被“挤”到了下面一点。每次想要拖动滚动条还要往下再滚动一下。
一开始只知道一定是上面搜索框导致了滚动条下移，但不清楚该怎么改。随后问了一下前辈，才知道只要通过高度设置就可以解决了。现在想想雀食合理，既然滚动条是被迫下移了，那就通过高度设置将它“抬”高一点，以后还是要多思考，法克。
最近改页面，要说也已经接触前端几个月了，每次还是遇到问题不知道怎么解决，感觉问他人问得多也不太好。知道解决方法后再看问题，其实也比较简单，fan，还是，多想。“要多想，北海。” : )
有问题，望指正！
我向你敬礼啊，Salute！
