然后我寫了下面的代碼：

$div就是要移動的層，且它的position已在CSS中設為relative。瞄一眼好像沒什么問題，運行之后發現下面的問題：

1.按了向下之后，再按向上沒有反應。

2.按了向右之后，再按向左沒有反應。

后來經一網友點撥，恍然大悟：

當按了向下的時候，top值為20px，這時候再按向上，從Firebug可以看出此時的bottom值也是20px，而層沒有向上移動是因為瀏覽首先解析的是top，也就是說{top:20px;bottom:100px}和{top:20px}是一樣的，不管bottom值是多少。按了向右之后，按向左沒有反應也是這個原因，關鍵在left值。

于是將代碼改了下：

運行之后如預期一樣，上下左右都沒問題。

體會：一直都知道在定位的時候，靠top和left兩個屬性就足夠的，偏偏還寫出了right/bottom，真是細節要人命啊。

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com