Html Can'；t获取溢出-x:在第页上滚动工作

我正在尝试创建一个图像库，并希望它在页面底部显示为一个水平条，可以从左向右滚动以查看所有图像。但是，我的代码中有一些东西阻止我使用overflow-x：在底部gallery div或thumnbail wrap div上滚动。如果视口足够小，图像将自动开始相互堆叠，而不是继续从左向右堆叠。即使我显式地添加了overflow-x:scroll to#bottom gallery和.thumbnail wrap，它们也会被设置为overflow-y，使它们可以垂直滚动，这是我不想要的

我在下面包含了相关的标记和css。我怀疑flexbox样式可能是导致我的问题的原因，但我在css中尝试删除所有flexbox引用，问题仍然存在

是否存在防止版面水平滚动的已知因素

标记：

<div class="col-xs-12 hidden-md hidden-lg" id="bottom-gallery">
    <div class="thumbnail-wrap">
        <a href="" class="thumb-link" id="beardo"><img src="assets/images/beardo-thumb.jpg" alt="thumbnail"></a>
        <a href="" class="thumb-link" id="grecian"><img src="assets/images/grecian-thumb.jpg" alt="thumbnail"></a>
        <a href="" class="thumb-link" id="kreg-portrait"><img src="assets/images/kreg-portrait-thumb.jpg" alt="thumbnail"></a>
        <a href="" class="thumb-link" id="pigblood"><img src="assets/images/pigblood-thumb.jpg" alt="thumbnail"></a>
        <a href="" class="thumb-link" id="zombie"><img src="assets/images/zombie-thumb.jpg" alt="thumbnail"></a>        
    </div>
</div>

---

以下是启动所需的最低要求：

。缩略图换行{
溢出-x：滚动；
显示器：flex；
}
.thumb wrap.thumb链接{
显示：内联块；
弹性：10自动；
}

您可以从console/inspect复制粘贴HTML结果，而不是放置PHP，并帮助我们帮助您拥有嵌套CSS样式。。。你在使用前置处理器吗？我已经更新了我的博文Roko C.Buljan。是的，我使用的是Scout kauffee000。当我删除.thumbnail wrap元素并将样式设置直接应用于父库#底部图库时，这一点起到了作用。谢谢Roko的帮助。@MylesMalloy好吧，我删除了一个元素只是为了向您展示最基本的必要元素-选择器和样式由您决定：）很高兴它有帮助。

#bottom-gallery {
    height:15vh;
    padding:15px 0;
    div.thumbnail-wrap {
        justify-content:flex-start;
        a {
            width:75px;
            height:75px;
            margin-bottom:15px;
            margin-right:10px;
        }
    }
}
div.thumbnail-wrap {
    display:flex;
    flex-flow:row wrap;
    img {
        width:100%;
        height:100%;
    }
}