Question

我正在尝试将My fiddle中图表上方的按钮移到右侧。

在具有下面所示ID range-butts-index 的div中，我尝试使用 pefBut 类，但是当我这样做时，按钮消失了。当我删除课程时，按钮会回到左侧。我不明白为什么此类会导致按钮消失？

html

<div id="IndexArea">
        <div id="range-butts-index" class='perfBut'>
            <button class="ui-button ui-widget ui-corner-all" data-range="5">5d</button>
            <button class="ui-button ui-widget ui-corner-all" data-range="20">MTD</button>
            <button class="ui-button ui-widget ui-corner-all" data-range="999">Max</button>
        </div>
        <div id="chartIndexPerf"/div>
</div>

css

.perfBut {
 float: right;
}

Answer 1

添加此内容而不是float: right：

.perfBut {
  display: grid;
  grid-auto-flow: column;
  justify-content: right;
}

您可以在此处查看结果： https://jsbin.com/yugoliduya/edit?css,output

尝试将按钮浮动到右侧时发生意外行为

1 个答案: