Javascript Don'；不允许元素在y轴上溢出

我有一个固定高度的潜水器。当我调整浏览器窗口的大小并且div的宽度变小时，div内的元素会跳到下面，从而扩展高度。如何通过添加水平滚动条使元素可见

我尝试了所有CSS滚动属性，但无法正常工作：

.dhButtonToolbar{
    position:absolute;
    top:6px;
    left:0;
    bottom: 5px;
    width: 60px;

    background-color:yellow;
    border:0px solid white;
    margin-left: 5px;
    margin-right:5px;
    margin-top: 5px;

}

@media screen and (max-aspect-ratio: 1/1) { 
    .dhButtonToolbar {
        height: 55px;
        left:5px;
       overflow-y:auto; //here my elements jump below I want to add a horizontall scrollbar
        right: 5px; 
    }

JSFidlee：

---

尝试调整大小，元素将落在下面

只需添加一个主体并给它一个

最小宽度

。你想要什么

---

希望能有所帮助。

我在您的JSFIDLE中进行了更改。请检查这个

jsFiddle: http://jsfiddle.net/x7xm3/16/

---

它完全正常工作。请检查。

不，这不是问题所在。我想你的小提琴元素是垂直的，我希望它们总是水平的，当没有空间时，只有一个滚动条。如果屏幕不够大，你想要水平滚动条。否则，请给出一个更好的描述这是正确的，但我也希望元素水平放置。请再次检查答案中的链接。希望此编辑解决您的问题。就这样。只是少了一件事。如何将滚动条放入div中。@Jacob我在您的jsfiddle中更改。请检查这把小提琴。它现在正在工作。