overflow-x横向滚动条不可滚动的原因

前言：
在工作中遇到一种比较特殊的情况，当div内容宽度超过外层div总宽度的时候添加横向滚动条overflow-x:auto，正常这样来操作是没有什么问题的，但是遇到一个很奇怪的问题，满足上面任何条件了，但是滚动条却滚动不了，原因排查后发现是因为滚动条的宽度超过了外层div的总宽度，解决办法如下：

// 给滚动条设置宽度
::-webkit-scrollbar-thumb {
	width: 16px;
}

以上是遇到的比较奇葩的情况，在此记录下。