css转换setTimeout表示左侧位置但不是宽度

Question

我向DOM添加一个元素，屏幕左侧有一个左侧位置，然后立即将左侧位置设置为在屏幕上，这样它就可以进行过渡动画，但这似乎没有setTimeOut函数。 但奇怪的是，当我做同样的事情但首先使用宽度为0px的元素然后在我不需要SetTimeOut之后将其设置为全宽。

任何人都可以解释为什么会这样吗？

Answer 1

这取决于元素是否已经渲染。设置后立即更改位置值可能不会使其进入渲染序列。如果您想要进行CSS动画，则必须先给它一些时间进行渲染，然后才能进行更改。这就是您需要使用setTimeout。

的原因

我不知道为什么这对元素大小起作用。看到代码可能有所帮助。