Javascript 如何使一个HTML元素忽略另一个元素的位置？

我有一个

标记，用作多个其他元素的容器。作为

标记的兄弟，我有一个

用作排序计时器。问题是，

标记在没有

的情况下准确定位，当

存在时，它会将

标记移到上方。如何使用

标记而不将

标记移到上方？谢谢 （下面需要CSS）

*{
填充：0；
保证金：0；
框大小：边框框；
}
身体{
高度：100vh；
显示器：flex；
保证金：0自动；
}
/*上述*/
.计时器{
利润率：10px；
字体系列：roboto；
颜色：#F6E71D；
字号：100；
字体大小：25px；
}
/*上述容器*/
#卡片容器{
宽度：640px；
高度：640px；
保证金：自动；
显示器：flex；
柔性包装：包装；
透视图：1000px；
}

剩余时间：
X
X

如果您的目标是让计时器位于左上角，而不影响其他元素，请将css属性设置为position:absolute并完成其余的样式设置，将东西放在您想要的地方。这样就不会影响其他元素的定位。如果您还没有研究过flexbox或css网格，我强烈建议您使用它们。它使布局样式更容易。

您也可以发布您的HTML代码吗？HTML已添加进来，谢谢。我已经用可运行的代码片段更新了您的问题。如果没有解析图像，它可能看起来不太完美（请随意编辑，以便更清楚地了解问题所在）。顺便说一句，您是否尝试过类似style=“margin right:-20px；”之类的方法？或者这不正是你想要做的吗？就像其他人说的，我们不确定你想要h1标签在哪里。我添加了代码片段，以便您可以对其进行编辑或明确说明它是如何工作的。现在还不清楚您希望在这里实现什么。我们需要您为我们提供更多的上下文。@lionrocker221最好注意位置为“绝对”的元素相对于其包含块的位置和尺寸，位置为“固定”的元素的位置和尺寸始终相对于视口。所以两者都可以，但其中一个可能更适合您的应用程序。那是你的电话。