不允许元素在y轴上溢出

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

我已经尝试了所有的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/

尝试调整大小和元素将跌破！

来源

2013-03-22 Jacob

只需添加一个物体并给它一个min-width即可。是this你想要什么？

希望它有帮助。

来源

2013-03-22 09:11:24

没有，这不是问题。我的小提琴是垂直的，我希望它们一直是水平的，当没有空间时只是一个滚动条。 – Jacob 2013-03-22 09:13:15

如果屏幕不够大，您需要水平滚动条。否则，请给出更好的描述 – 2013-03-22 09:14:16

这是真的，但我也希望元素水平定位。 – Jacob 2013-03-22 09:14:54

我改变你的jsfiddle。请检查这个。

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

它完全working.please检查。

来源

2013-03-22 09:37:30

可悲的是不工作 – Jacob 2013-03-22 09:42:30

@Jacob我改变你的jsfiddle。请检查'http://jsfiddle.net/x7xm3/16/'这个小提琴。它现在正在工作。 – 2013-03-22 10:41:29

不允许元素在y轴上溢出

回答

相关问题