在 js 中 元素.style.top 无效果

有些问题遇到了才能真正理解

在 js 中对 html 中的元素进行动态修改位置时，经常会用到 元素.style.top 这样的语句来实现，but ，在这里有一个坑。

如果要修改的元素没有设置 position 属性的值的话，那么使用 元素.style.top 这样的语句是不起作用的。

原因是 position 的默认值为 static，当 position 的值为 static 的时候会忽略 top, bottom, left, right 或者 z-index 声明。

就写在文档中的一句话，在看的时候容易忽略，但是很重要，有些知识点只有在遇到的时候才会注意到，也才能真正的理解并运用。