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/

使浮动元素保持其位置

1 个答案: