超出范围只出现纵向滚动条不出现横向滚动条的实现方式？

Question

一个页面，横向和纵向都有可能超出范围，我想只出现纵向滚动条，横向超出显示，但是我设置了overflow-y:auto之后，横向依然会出现滚动条，然后我又设置了overflow-x:visible;overflow-y:auto,还是不行，依然会出现横向滚动条

然后我查资料看到了貌似是css的一个规范，当其中一个设置为visible时如果另一个不是visible，会被自动重置为auto，我想问下大家有没有解决的方式？

Answer 1

你自己也说了 “然后我查资料看到了貌似是css的一个规范，当其中一个设置为visible时如果另一个不是visible，会被自动重置为auto，我想问下大家有没有解决的方式？”。。。。然后你想找解决方法。。。。可是你先想下如果真达到你说的那样，那会是个什么样子？右边竖向滚动条浮在内容的上面。。。这样真的好吗？如果你真觉得好，那当然也可以做到的。。。overflow-y: hidden; overflow-x: visiable; 然后用 js 实现滚动条。。。。如果你想要滚动条随着宽度增加会右移，而不是浮在内容的上面，那就不是啥 overflow 的事情了。。。而是 max-width 的事了。。。