首先是页面定位，用CSSposition，这个下面有两个属性absolute(绝对定位)和relative(相对定位)，绝对定位是指相对浏览器的位置地位，而相对定位和其他元素的位置有关系，位置不固定。以下可以看一个例子，看了之后就明白了abc<br/><div style="position:relative;left:1;top:100;color:green">absolute positioning with the current element<br/><span style="position:absolute;left:0;top:0;">aaaaaaaaa</span></div><div style="color:red">absolute positioning with the body<br/><span style="position:absolute;left:0;top:0">bbbbbbbbbbb</span></div><div style="color:blue">relative positioning with the body<span style="position:relative;left:-12;top:0">ccccccccccc</span></div>而有些CSS属性有时候需用position:absolute 之后才有效，比如裁切的那个CSS等接下来是一些元素的位置问题就拿宽度来说scrollwidth,clientwidth,offsetwidth这些属性都可以用在<body>,<div>等元素第一个是包括滚动条所有在内的长度，第二个和第三个差不多，第三个是包括工具栏，菜单栏，状态栏，滚动条宽度等在内的宽度，而第二个是去掉一些cellpadding等一些的额外的宽度。高度同这个，元素分别为scrollheight,clientheight,offsetheight接下来是鼠标的位置可以用event.clientX + document.body.scrollLeft得到横的绝对位置这里面event.clientX 是相对屏幕的位置，而document.body.scrollLeft是网页被横向滚动条卷进去的宽度。这里可以看一个例子，代码如下 把这个方法写在<body>的onmousemove中，一目了然了。<SCRIPT>
<!--
function statusreport() {
var tempx = event.clientX + document.body.scrollLeft;
var tempy = event.clientY + document.body.scrollTop;
window.status='在整个页面中的X, Y坐标 : ('+tempx+', '+tempy+') ; 在当前窗口中的X, Y坐标 : ( '+event.clientX+', '+event.clientY +')';
}
//--></SCRIPT>
<!--
function statusreport() {
var tempx = event.clientX + document.body.scrollLeft;
var tempy = event.clientY + document.body.scrollTop;
window.status='在整个页面中的X, Y坐标 : ('+tempx+', '+tempy+') ; 在当前窗口中的X, Y坐标 : ( '+event.clientX+', '+event.clientY +')';
}
//--></SCRIPT>
<SCRIPT LANGUAGE="JavaScript">
var s = "";
s += "\r\n网页可见区域宽："+ document.body.clientWidth;
s += "\r\n网页可见区域高："+ document.body.clientHeight;
s += "\r\n网页可见区域宽："+ document.body.offsetWidth +" (包括边线和滚动条的宽)";
s += "\r\n网页可见区域高："+ document.body.offsetHeight +" (包括边线的宽)";
s += "\r\n网页正文全文宽："+ document.body.scrollWidth;
s += "\r\n网页正文全文高："+ document.body.scrollHeight;
s += "\r\n网页被卷去的高："+ document.body.scrollTop;
s += "\r\n网页被卷去的左："+ document.body.scrollLeft;
s += "\r\n网页正文部分上："+ window.screenTop;
s += "\r\n网页正文部分左："+ window.screenLeft;
s += "\r\n屏幕分辨率的高："+ window.screen.height;
s += "\r\n屏幕分辨率的宽："+ window.screen.width;
s += "\r\n屏幕可用工作区高度："+ window.screen.availHeight;
s += "\r\n屏幕可用工作区宽度："+ window.screen.availWidth;
s += "\r\n你的屏幕设置是 "+ window.screen.colorDepth +" 位彩色";
s += "\r\n你的屏幕设置 "+ window.screen.deviceXDPI +" 像素/英寸";
alert(s);
</SCRIPT>
<body>