如何改变班级的地位

Question

所以我有一个div，我想通过它的类来改变它的位置，这是我的代码。

<h1 class="test">Hi!</h1>

<script>
x = document.getElementsByClassName('test')

x[0].style.top = 500;

</script>

然而位置保持不变，为什么会这样？

Answer 1

首先，默认元素position为static，这意味着对top，right，bottom，{{1}的任何操作 CSS 属性不会被明显应用。

因此，如果您想要更改left属性，还需要使用以下任意值更改元素top：

position relative absolute

您可以在Developer Mozilla

中详细了解 CSS排名

因此，为了使您的案例有效，请使用以下代码：

fixed

您还可以在here

中详细了解 CSS测量单位