不允許元素在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軸上溢出

回答

相關問題