0

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

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

6个回答

0

已采纳

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

然后你想找解决方法。。。。可是你先想下如果真达到你说的那样,那会是个什么样子?右边竖向滚动条浮在内容的上面。。。这样真的好吗?

如果你真觉得好,那当然也可以做到的。。。overflow-y: hidden; overflow-x: visiable; 然后用 js 实现滚动条。。。。

如果你想要滚动条随着宽度增加会右移,而不是浮在内容的上面,那就不是啥 overflow 的事情了。。。而是 max-width 的事了。。。

3

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

0

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

0

横向不出现,纵向出现

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

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

0

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

撰写答案