Javascript 如何使用按钮在网站上移动折叠的元素？

我正在用html制作一种嵌套的折叠功能，但我想知道如何将第一张卡片移动到按钮正下方的“Zelda播放列表”中。似乎什么都不管用，只是看起来超级马车。我改变了位置，尝试了左、上、下和右功能，但它仍然在角落里被窃听。此外，如果有一种方法可以将两个元素移动到一起，那就更好了

我的网页
塞尔达播放列表
龙巢岛-风唤醒器
格鲁多山谷-时间的陶笛
迷失的森林-时间的陶笛
var death=document.getElementById（“death”）；
死亡体积=0.2；

使用样式表，代码将更易于管理。如图所示

要将“塞尔达播放列表”移动到按钮的正下方，您只需要一个封装按钮和播放列表的包装器

之后，将定位css从按钮迁移到包装器（默认情况下，任何元素的位置都是block，这意味着如果按钮位于包装器内播放列表的上方，则默认情况下，按钮和播放列表垂直对齐）

设置为right:5%而不是left:95%，这允许包装项在默认情况下向右对齐

将按钮设置为向右浮动和向左边距：100%以确保其位于右侧

将折叠div设置为100%，以确保整个折叠div不会收缩

我的网页
.可折叠包装纸{
位置：绝对位置；右侧：5%；顶部：34%；
}
.collapsablewrapper.btn主{
最大宽度：80px；
浮动：对；
左边距：100%；
}
.倒塌{
宽度：100%！重要；
}
塞尔达播放列表
龙巢岛-风唤醒器
格鲁多山谷-时间的陶笛
迷失的森林-时间的陶笛
var death=document.getElementById（“death”）；
死亡体积=0.2；