为什么top位置只改变一次？

top位置只改变一次是因为CSS中的position属性的默认值是static，而static定位是元素的默认定位方式，它不会受到top、left、right、bottom等属性的影响。只有当position属性的值被设置为其他值（如relative、absolute、fixed等）时，才能通过设置top属性来改变元素的位置。

具体解释如下：

• position属性用于指定元素的定位方式，常用的取值有static、relative、absolute和fixed。
• static是position属性的默认值，表示元素按照正常的文档流进行布局，不受top、left、right、bottom等属性的影响。
• 当position属性的值被设置为relative时，元素的位置相对于它在文档流中的初始位置进行偏移，可以通过设置top、left、right、bottom属性来改变元素的位置。但是，这种偏移不会影响其他元素的布局。
• 当position属性的值被设置为absolute时，元素的位置相对于最近的已定位祖先元素（即position属性值不为static的元素）进行偏移，如果没有已定位的祖先元素，则相对于文档的初始位置进行偏移。同样可以通过设置top、left、right、bottom属性来改变元素的位置。这种偏移会影响其他元素的布局。
• 当position属性的值被设置为fixed时，元素的位置相对于浏览器窗口进行偏移，不会随着页面滚动而改变。同样可以通过设置top、left、right、bottom属性来改变元素的位置。这种定位方式常用于创建固定在页面某个位置的元素，如导航栏。

综上所述，top位置只改变一次是因为只有当position属性的值被设置为relative、absolute或fixed时，才能通过设置top属性来改变元素的位置。而默认情况下，元素的position属性值为static，不受top属性的影响，因此top位置不会改变。