javascript - 不允许元素在 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 你想要什么？

希望对您有所帮助。