在网页开发过程中，我们经常会遇到横向滚动的布局。如果页面中的内容过长，而且宽度超出了屏幕的宽度，我们就需要使用横向滚动。通常情况下，我们可以通过css来实现横向滚动效果。但是，有时候即使设置了横向滚动属性，却无法显示出来，这是为什么呢？

.overflow-x{
overflow-x:scroll;
}

以上代码设置了一个类名为.overflow-x的元素，使用overflow-x属性来实现横向滚动效果。但是，当我们将该类名应用于某个元素时，会发现横向滚动效果并未正常显示。原因有以下几点：

1.元素的宽度没有超出屏幕宽度：只有当元素的宽度超出了屏幕的宽度，横向滚动才会出现。

2.容器元素的宽度设置不正确：如果设置了一个容器元素的宽度为100%，即使其中某个子元素的宽度超出了屏幕宽度，也不会出现横向滚动。所以需要设置容器元素的宽度为固定值，或者使用max-width来设置。

3.浏览器兼容性问题：有些浏览器可能不支持overflow-x属性，导致无法出现横向滚动。

在实际开发中，如果遇到横向滚动无法正常显示的问题，需要仔细检查上述几个问题。