Javascript 如何将按钮堆叠在彼此的顶部

在我目前正在进行的一个项目中，我需要将几个按钮堆叠在一起。我想要堆叠它们的方式是，使它们之间没有间隙。这就是我目前拥有的：

这就是我想要的：

在CSS中有没有这样做的方法

我使用的代码是一个函数，它接受一个高度和一个宽度，并生成一个按钮网格

功能创建板（高度、宽度）
{
for（设h=0；h
.pixel{
保证金：0；
背景色：rgb（31,31,31）；
填充：10px；
显示：内联块；
边界：无；
}
.像素：悬停{
背景色：rgb（73,73,73）；
}
您可以使用CSS网格进行作业：


功能创建板（高度、宽度）{
const board=document.getElementById（“board”）；
while（board.lastChild）board.lastChild.remove（）；
board.style.gridTemplateColumns=`重复（${width}，最小内容）`；
for（设h=0；h
.pixel{
保证金：0；
背景色：rgb（31,31,31）；
填充：10px；
显示：内联块；
边界：无；
}
.像素：悬停{
背景色：rgb（73,73,73）；
}
#董事会{
显示：网格；
}
给你。
我已经调整了您的js以创建按钮行，然后这些行被添加到容器中。行和容器都有
显示：flex
。
您可以编辑行，但创建漂亮的网格会更困难


功能创建板（高度、宽度）
{
for（设h=0；h
.container{
显示器：flex；
弯曲方向：立柱；
}
.集装箱{
显示器：flex；
}
.container.row.pixel{
保证金：0；
背景色：rgb（31,31,31）；
填充：10px；
显示：内联块；
边界：无；
}
.container.row.pixel:悬停{
背景色：rgb（73,73,73）；
}
一种解决方案是使用一行表格，并将按钮放在单元格中。创建。没有你的代码，我们无法告诉你你做错了什么。这会消除按钮之间的任何间隙吗？你到底想做什么，按钮根本没有文本？添加按钮，然后使用css设置它们的样式。或者你可以使用
div
作为按钮。上传一些演示代码，以便我可以帮助你。