Javascript:在 x 为 object.style.left 时更改 x 的值；

Question

这是我的情况:

我有一个 CSS 位置为 `"left:10px;"的 div 所有 div 位置都设置为固定。 现在我将这个值放入一个变量 (JS) 中:

var Left = document.getElementById("div").style.left;

现在我可以提醒它:alert(Left); 然后我得到一个框女巫，上面写着“10px” 这是它的 fiddle :http://jsfiddle.net/L19rq2tk/2/

现在我想通过使用变量 Left 来改变位置的值。我尝试了我想到的每一种可能性:

Left = "100px"; -->does not work
Left = 100px;   -->does not work
Left = "100";   -->does not work
Left = 100;     -->does not work

通过以下代码更改位置:

document.getElementById("div").style.left="100px";

如果有人能帮助我，我会很高兴!

Answer 1

left 配合 position:absolute
Here is updated fiddle
已更新

通过添加 position weather relative or absolute 将完成这项工作。通过添加 position:absoute 可能会对您的设计产生副作用(如 lonic 在评论中提到的)
DEMO