css div内容左右滑动隐藏滚动条

html:

<div class="bigBox">
	<div class="smallBox"></div>
	<div class="smallBox"></div>
	<div class="smallBox"></div>
	<div class="smallBox"></div>
	<div class="smallBox"></div>
	<div class="smallBox"></div>
	<div class="smallBox"></div>
</div>

css:

.bigBox{white-space: nowrap; overflow-y: auto;}//不换行 
.bigBox::-webkit-scrollbar{display: none;} //隐藏滚动条
.smallBox{display: inline-block;}