0

高さが固定された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/

サイズを変更してみると、要素が下に落ちます!

4

2 に答える 2

0

私はあなたのjsfiddleで変更します。これを確認してください。

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

それは完全に機能しています。確認してください。

于 2013-03-22T09:37:30.800 に答える
0

body を追加してmin-width. これはあなたが望んでいたものですか？

それが役に立てば幸い。

于 2013-03-22T09:11:24.023 に答える