javascript - 在 Canvas html/css 旁边放置按钮

Question

我只是想将 Canvas 旁边的按钮彼此重叠放置，但我根本做不到。

<div class="wrapper" style="position: relative">
    <canvas id="c"></canvas>
    <div class="controls" style="position: relative">
        <button onclick="test()">test</button>
        <button onclick="test2()">test2</button>
    </div>
</div>

这是我的 html 部分。 Canvas 高度和宽度是在 javascript 中动态创建的，但现在我想在 Canvas 旁边放置按钮。但出于某种原因，它们总是在 Canvas 下。我试图将 Canvas 放在具有静态高度和宽度的 div 中，但这也没有用。如果我删除包装器和控件 div，我可以手动将一个按钮设置为 position: absolute 并且这有效。但由于某种原因，我无法做到正确。我显然不完全了解如何处理这些元素，因此我们将不胜感激。

Answer 1

Canvas 在它自己的 div 中，按钮在 div 中使用:

显示:内联 block ；或 float :左； 这可能有效。