css: 针对属性left/right/top/bottom为啥设置transition动画不起作用

如题：
在css的position中 left/right/top/bottom 这类位置属性值如果考虑使用transition来添加动画，transition它会优先考虑left/top属性，而此时transition触发需要的是数值型属性，如果设置为'auto'则系统会默认不考虑将位置属性添加到动画transition中，即代码：

     draggableDiv.value.style.left = 'auto'
     draggableDiv.value.style.right = '0px'

不会生效，如果想让动画生效需要修改为：

	draggableDiv.value.style.left = window.innerWidth - divWidth + 'px';

即保留数值型位置值