2011-04-24 610 views
13

这里是screenshot的问题。CSS:y轴的滚动条导致x轴的滚动条

enter image description here

基本上,当滚动条显示开y轴,容器的宽度不膨胀。相反,它只是为x轴创建一个滚动条。

如何在不创建x轴滚动条的情况下扩展容器?一些样品

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

可以使用scrollautooverflow-y

这里是一个页面:

+1

你可以举一个你的css – MikeM 2011-04-24 05:11:40

+1

的例子,每当一个垂直滚动条出现时,内容被滚动条的宽度向左推,所以如果你的内容太窄,这可能会导致水平滚动条出现 – Hristo 2011-04-24 05:13:37

+0

你能不能显示你的完整代码 – 2015-12-08 08:36:26

回答

17

你可以给本作的元素的尝试http://www.brunildo.org/test/Overflowxy2.html

+1

我认为'overflow-x:hidden;'也会隐藏数据,这可能是不可预料的。 – 2015-07-06 16:04:18

+1

根本没有解决问题。相反,内容被截断,无法滚动左/右看到它。 – 2015-07-17 03:01:44

-1

我找了也是一个解决方案。

overflow-x: visible; 
overflow-y: scroll; 

上述代码不起作用,因为可见与scroll或auto的配对将可见属性设置为auto。 你可以在这里阅读更多关于它的信息:https://www.brunildo.org/test/Overflowxy2.html

看起来像没有CSS方法来获得你想要的东西,据我所知。如果有人发现另一种解决方法,我会很感激知道!

+0

这不回答问题。一旦你赢得了一些声誉,你可以评论任何帖子。 – 2017-03-21 15:29:10

+0

我的意思是添加另一个条件发布的问题,而不是回答它。感谢您的反馈。 – sikanderBabwani 2017-03-21 17:44:22