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

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 的事了。。。

Answer 2

隐藏横向的滚动条不应该是用overflow-x:hidden吗？

Answer 3

div加最小宽度，不要定死宽度

Answer 4

横向不出现，纵向出现

overflow-x:hidden;
overflow-y:auto;

Answer 5

你又想超出显示， 又想没有横向滚动条，是不可能的。如果你不想出现横向滚动条：overflow-x:hidden；
如果你想横向超出显示， 就不能写这行代码， 不知道你是否允许左右滑动， 因为你已经说可能会有横向内容超出的情况了， 所以如果允许左右滑动， 你可以把滚动条的颜色，设置为透明色， 就不显示了

Answer 6

overflow-y: scroll;
overflow-x:hidden;

Answer 7

给对应的div设置 滚动条宽高，这个是对google浏览器的
类名、id::-webkit-scrollbar {

width:8px;
height:0px;

}
当宽度为0，竖向滚动条就没了
当高度为0，横向滚动条就没了

Answer 8

overflow-x:hidden;
overflow-y:auto;
在需要滚动的范围内设置一定的高度