溢出x消失了，但不应该

Question

我有一个网站，不同的图片是放在一起的，所以我有一大排图片。在特定宽度之后，这些图片不可见。

当我创建站点时，我可以使用overflow-x:visible;来显示滚动条。这就是我需要和想要的解决方案。我刚刚更新了网站的内容，看到页面加载后滚动条消失了。

问题是，如果没有滚动条，没有人可以访问右侧的图片。如何强制浏览器始终显示滚动条？overflow-x:scroll;不起作用。

HTML

<section class="scroll">
                <ul class="detail-images-list">
                    <li>
                        <article class="image-detail">
                            <img src="../bilder/gallery-10/1.jpg">
                        </article>
                    </li>
                    <li>
                        <article class="image-detail">
                            <img src="../bilder/gallery-10/2.jpg">
                        </article>
                    </li>
                    <li>
                        <article class="image-detail">
                            <img src="../bilder/gallery-10/3.jpg">
                        </article>
                    </li>
                    <li>
                        <article class="image-detail">
                            <img src="../bilder/gallery-10/4.jpg">
                        </article>
                    </li>
                </ul>
            </section>

CSS

.scroll {
overflow-x:scroll;
overflow-y:hidden;
height:51.5em;
min-width:100%;

}

Answer 1

.scroll {
overflow-x:scroll;
overflow-y:hidden;
height:51.5em;
min-width:100%;
}

将min-width转换为width。

如果不限制元素的宽度，它将随着内容一起增长，因此永远不需要滚动。

Answer 2

http://jsfiddle.net/4C3UQ/

看看这个。我已经在其中添加了一些文本，以便您可以看到发生了什么。我使用了overflow-x: auto;，这样浏览器就可以在需要的时候自动完成。如果你现在把你的图片放在这里，它应该可以工作。