使浮动元素保持其位置

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/