0

私はこのような構造を持っています。私が直面している問題は次のとおりです。画面のx軸がy軸よりも小さい場合、ボタンツールバー（黒）が画面の上部にジャンプします。また、x軸がさらに小さい場合、フィールドセットは垂直方向に拡張され、ボタンツールバーから飛び出します。これを修正し、フィールドセットにその位置を維持させる方法は？使ってみoverflowましたがうまくいきませんでした。

4

1 に答える 1

0

使用禁止float:left

.dhFieldset要素を に設定してからdisplay:inline-block;、そのコンテナ.dhButtonToolbarを に設定しますwhite-space:nowrap;

@media screen and (max-aspect-ratio: 1/1) { 
    .dhFieldset{
        display:inline-block; /*Added this line and remove the float:left*/
        height:37px;
        width:auto;
   }
}

@media screen and (max-aspect-ratio: 1/1) { 
    .dhButtonToolbar {
        height: 60px;
        left:5px;
        width:100%;
        right: 5px; 
        white-space:nowrap; /*added this line*/
    }
}

http://jsfiddle.net/gaby/Ueaa9/4/のデモ

于 2013-01-21T10:20:37.310 に答える