javascript - 想让一个div块从左移到右，下面“left”有变化，上面没变化

Question

我点击下面left值变化，最后也弹出123,只是上面没变化,控制台也未报错

Answer 1

left,right,top,bottom这些属性只在position设置为relative,absolute,fixed的时候才能起作用，默认p的position是static的

Answer 2

搞不懂，我上面p加了一个绝对定位“position:absolute;”就好了，这是为什么，不知道谁能不能帮解释一下

Answer 3

position有static，relative，absolute，fixed等值
默认static
static下，正常流，对left，top，right，bottom不会有反映，

relative，相对定位，对left有反应，自身移动后，原位置空间仍保留；

absolute，绝对定位，对left有反应，相对于包含块的位置，脱离文档流，

fixed，特殊absolute理解

也就是left等值要配合position值使用