使浮動元素保持其位置

Question

我有一個像this結構。我面臨的問題是： 當屏幕的x軸小於y軸時，按鈕工具欄（黑色）跳轉到屏幕頂部。如果x軸更小，我的字段集會垂直地從botton工具欄中跳出。如何解決這個問題並使現場組保持其位置？ 我試過使用overflow，但沒有成功。

Answer 1

不要使用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/