Javascript 如何让h3停留在特定位置？

我想知道如何将这个

设置到一个特定的位置，这样当物品添加到包中时，它就不会移动了（参见下面的屏幕截图）。目前，我在flex容器中有

和“全部删除”按钮，因此它们彼此相邻显示。我是CSS的新手，所以如果有人有更好的建议，请告诉我

基本上，我希望它能让“你的包”保持在第二张照片中的位置，而不是坐在离按钮非常近的位置，根据所添加物品标题的长度四处移动。下面添加的项目列表位于

标签中，整个页面位于另一个flex容器中，因此“搜索设备”位于左侧，“您的包”位于右侧

---

您可以尝试为您的

h3

标记赋予

float:right

h3 {
 float: right;
}

或者您可以使用

位置：绝对

并给出顶部和右侧位置

h3 {
  position: absolute;
  top:30px;
  right:30px;
}

---

您可以尝试将

float:right

赋予您的

h3

标记

h3 {
 float: right;
}

或者您可以使用

位置：绝对

并给出顶部和右侧位置

h3 {
  position: absolute;
  top:30px;
  right:30px;
}