似乎有一个html结构的问题，见下面的例子，保持关闭按钮在正确的位置。也参考这个链接。Modal

<div class="modal fade" id="exampleModalLong" tabindex="-1" role="dialog" aria-labelledby="exampleModalLongTitle" aria-hidden="true">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="exampleModalLongTitle">Modal title</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
        ...
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
        <button type="button" class="btn btn-primary">Save changes</button>
      </div>
    </div>
  </div>
</div>

字符串

你的意思是在向下滚动的时候保持按钮吗？如果是这样的话，使用“粘性”变量，
https://getbootstrap.com/docs/4.0/utilities/position/

使用Bootstrap v5.3，您可以将按钮位置设置为绝对位置，而无需额外的CSS：

<div class="modal-header position-relative pb-0">
      <h1 class="modal-title fs-1 luckiest" id="menu-modal-label">Menu</h1>
      <button type="button" class="btn-close position-absolute top-0 end-0 m-2" data-bs-dismiss="modal" aria-label="Close"></button>
    </div>

字符串

• position-relative将容器设置为相对容器
• position-absolute将关闭按钮设置为绝对（在容器中）
• top-0将关闭按钮设置到容器的顶部
• end-0将关闭按钮设置到容器的右侧
• m-2设置一些边距以在按钮周围留出一些空间

结果如下：

您使用的百分比值会在设备大小之间发生变化。将这些值设置为固定值，以便关闭按钮始终位于相对于设备大小的特定位置。此外，由于您使用的是绝对定位，因此可以利用“right”属性。https://www.w3schools.com/cssref/pr_pos_right.asp

.close-modal {
margin: 0;
position: absolute;
opacity: 1;
z-index: 10;
cursor: pointer;
top: 50px; // define your value here
right: 80px; // define your value here
}

字符串