js 为什么层不能动

Question

楼主的代码中存在几个错误：1、CSS中的#main #top{...}和#main #bottom{...}，然而在你的<body/>中并没有发现id是main的元素，这里要么把<table/>的id改成main，要么把两个#main都从CSS中去掉（还是去掉吧）；2、将position: relative; 改成position: absolute; 绝对定位才真正改变元素的位置；3、js中：
   document.getElementById("top").style.Top=document.getElementById("top").style.Top-10;  和
   document.getElementById("bottom").style.Top=document.getElementById("bottom").style.Top+10;
  均存在常识性的错误：
  首先style.Top中的Top应该是小写的（js是严格区分大小写的）；此外，获得元素离上边缘的高度应该是offsetTop；第三，CSS中的数值都是有单位的，高度的单位是px。因此，将上面的两段代码改为：
   document.getElementById("top").style.top=document.getElementById("top").offsetTop-10+"px";
   document.getElementById("bottom").style.top=document.getElementById("bottom").offsetTop+10+"px";
 才是正确的。4、建议你把<script/>写在<head/>中。