如何使H3停留在特定位置？

Question

我正在尝试弄清楚如何将此<h3>设置为特定位置，以便在将物品添加到包中时不会移动（请参见下面的屏幕截图）。目前，我在Flex容器中有<h3>和“全部删除”按钮，因此它们彼此相邻显示。我是CSS的新手，所以如果有人有更好的建议，请告诉我！

基本上，我希望这样，“您的书包”将停留在第二张照片中的位置，而不是靠紧靠按钮放置并根据要添加的商品的标题的长度来移动。下面添加的项目列表位于<div>标签中，整个页面位于另一个flex容器中，因此“搜索设备”位于左侧，而“您的书包”位于是的。

Answer 1

您可以尝试将float:right赋予h3标记

h3 {
 float: right;
}

或者您可以使用position: absolute并赋予 top 和 right 位置。

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