Html 水平滚动div中多个元素的绝对对齐

我在一个类似于表格的容器中有一个元素列表，可以水平滚动。每个元素具有相同的宽度，但可能具有不同的高度。我希望每个元素的右上角都有一个按钮，但我不希望当元素变得太长时，这个按钮从视图中滚出来

我发现它解决了同样的问题，但在滚动div中只有一个项目。它依赖于相对于容器定位按钮，而由于元素列表的原因，我无法这样做

我当前的尝试如下所示：

.集装箱{ 宽度：400px； 位置：相对位置； 溢出-x：自动； } .桌子{ 显示：表格； } .行{ /* 如果行不是相对的，则所有按钮都将粘贴到 集装箱顶部。 但是，这些按钮现在也看不见了 由于溢出。 */ 位置：相对位置； /*只是为了让内容溢出*/ 空白：nowrap； /*为了更清楚地区分行*/ 填充：0.5雷姆； 边框底部：1px纯黑； } .按钮{ /*按钮需要与父行对齐*/ 排名：0； 右：0； 位置：绝对位置； } 有些内容太长，肯定会溢出容器，因此需要一个水平滚动。 1. 有些内容太长，肯定会溢出容器，因此需要一个水平滚动。 不过，这件比其他物品高一点。 2. 有些内容太长，肯定会溢出容器，因此需要一个水平滚动。 3. 您可以使用position:sticky解决此问题

.集装箱{ 宽度：400px； 位置：相对位置； 溢出-x：自动； } .桌子{ 显示：表格； } .行{ 位置：相对位置； 空白：nowrap； 填充：0.5雷姆； 边框底部：1px纯黑； 显示器：flex； } .按钮{ 右：0； 页边顶部：-5px； 位置：粘性； 自我校准：灵活启动； 左边距：自动； } 有些内容太长，肯定会溢出容器，因此需要一个水平滚动。 1. 有些内容太长，肯定会溢出容器，因此需要一个水平滚动。 不过，这件比其他物品高一点。 2. 有些内容太长，肯定会溢出容器，因此需要一个水平滚动。 3. 一些内容 4.

---

它将通过position:sticky

使用jquery设置按钮的位置来解决。但不是向右，而是向左。