更改坐标时按钮不移动

Question

鉴于此代码：

<style type="text/css">
#button{
width: 5em;  height: 2em;
background-color:#62B1F6;
font-size:20px;
position:static;
left: 400px;
top:485px;
z-index: 1;}
</style>

当我更改left,top的参数时，按钮不会移动。

我做错了什么？

Answer 1

您无法移动具有上/下/左/右属性的静态对象！

应该是相对/绝对/固定才能应用上/下/左/右属性。

Answer 2

尝试position: relative：

#button {
    width: 5em; height: 2em;
    background-color: #62B1F6;
    font-size: 20px;
    position: relative;
    left: 400px;
    top: 485px;
    z-index: 1;
}