为什么不是 obj.style.left = "200px";在这段代码中工作？答案

【问题标题】：Why isn't obj.style.left = "200px"; working in this code?为什么不是 obj.style.left = "200px";在这段代码中工作？
【发布时间】：2010-11-18 16:05:34
【问题描述】：

为什么.style.top = "200px"; 不能在这段代码中工作？使用oclick="this.style.left='200px';" 在元素内调用事件也不起作用。

<html>
    <head>
    </head>
    <body>
        <div id="theDiv">The Div</div>
        <button id="theButton">Do</button>
    </body>
</body>
</html>
<script type="text/javascript">
    document.getElementById("theButton").onclick = function(){
        document.getElementById("theDiv").style.top = "200px";
    };
</script>

【问题讨论】：

每个元素的position 设置是什么？

标签： javascript css javascript-events

【解决方案1】：

要使用left 或top 样式，元素必须为position:absolute、position:relative 或position:fixed

【讨论】：