如何使滚动区隐藏x＆amp;是两个滚动条，但只启用水平滚动？

Question

如何使滚动区隐藏x＆amp;是两个滚动条，但只启用水平滚动？

http://jsbin.com/opunut/5/edit

这里有一个演示http://jsbin.com/acexuq/1/edit，但它是垂直的，如果我设置wrap overflow-y：hidden; overflow-x：scroll; content float：left，内容无法滚动..

我找到了这个答案https://stackoverflow.com/a/2597343/1927742，但它无法隐藏滚动栏...

有任何建议或更好的想法吗？

Answer 1

尝试在外部和外部之间添加额外的div内心称为中间＆amp;使用这个CSS：

http://jsbin.com/acexuq/3/

#outer {
  overflow:hidden;
  width: 400px;
  height: 400px;
}
#inner {
  overflow:auto;
  width:4000px; 
  height:400px;
}
#middle {
  overflow: scroll;
  width:417px; 
  height:417px;
}