HTML元素在视口宽度更改时移动，但CSS中没有更改

我以前遇到过一个奇怪的问题，但我也无法解决这个问题。我可以解决这个问题，但我更愿意理解为什么会发生这种情况，这样我就可以解决根本问题

元素的位置在1200px和1999px之间变化，如图所示： 1200像素： 1999px： 元素的行为就像在1200处有一个断点，但是没有断点，而且css也没有根据Chrome开发工具进行更改。 您可以看到，边距和位置略有变化，但不足以导致位置发生这样的变化

我正在使用Bootstrap以防出现问题

有人知道是什么原因造成的吗？

这就是问题所在： 利润率最高：1.5%

您有一个基于百分比的边距值，因此，在调整大小时，H2的位置将发生变化。 如果您不希望它发生变化，请将其更改为另一个单位，例如px

此外，您可能希望指定元素左/右、顶部/底部的偏移特性：

绝对的

从正常文档流中删除该元素；没有创建任何空间 用于页面布局中的元素。相反，它是相对定位的 其最近的祖先（如有）；否则，它将被放置 相对于初始包含块。它的最终位置是 由“顶部”、“右侧”、“底部”和“左侧”的值确定。此值 当z索引的值不是自动时，创建新的堆叠上下文。 绝对定位的框可以有边距，并且不会折叠 与任何其他利润

---

我们能得到一些代码吗，或者是活生生的例子这就是我最后修复它的方法。正如我所说，我知道一个解决办法，我只是想了解发生了什么。谢谢你的解释！