前言：
此时小伙伴们对“css横向滚动条无法滚到padding区域”可能比较关注，各位老铁们都想要了解一些“css横向滚动条无法滚到padding区域”的相关资讯。那么小编在网上汇集了一些对于“css横向滚动条无法滚到padding区域””的相关知识，希望各位老铁们能喜欢，小伙伴们快快来了解一下吧！浏览器右侧出现2个滚动条
当el-main中的内容超出浏览器高度时，在浏览器右侧出现了2个滚动条，el-main中1个，浏览器1个。
网上较多的答案是将el-main设置overflow为hidden，我的页面是有分页器的，当每页条数是5条的时候，还看不出什么问题，但是将每页条数更改为20，出现了滚动条滚到底部也看不到分页器的问题，解决方案是在最外层的el-container中设置为overflow为hidden。
<el-container style="overflow: hidden;"> <el-header>Header</el-header> <el-container> <el-aside width="200px">Aside</el-aside> <el-main>Main</el-main> </el-container></el-container>
修改完的效果是可以看到分页器了，但是只能显示一半，虽然可以用鼠标点，但是比较吃力。
滚动条滚到底部只能显示半个分页器
查看.el-pagination的css，发现分页器的padding是比较小的。
.el-pagination { white-space: nowrap; padding: 2px 5px; color: #303133; font-weight: 700;}尝试着在全局css中将el-pagination的padding-bottom设置的大一些，滚动条滚到底部可以看到完整的分页器，问题解决了。
.el-pagination { padding-bottom: 20px;}滚动条滚到底部可以看到完整的分页器
版权声明：
本站文章均来自互联网搜集，如有侵犯您的权益，请联系我们删除，谢谢。
