不要让元素在y轴上溢出

Question

我有一个固定高度的div。当我调整浏览器窗口的大小并且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：http://jsfiddle.net/x7xm3/2/

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

Answer 1

只需添加一个正文并为其指定min-width即可。 this 您想要的是什么？。

希望它有所帮助。

Answer 2

我改变你的jsfiddle。请检查一下。

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

完全正常工作。请检查。