<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>
<BODY>
<br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/>
<br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/>
<br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/>
<DIV ID=oDiv STYLE="overflow:scroll; width:200; height:100"> . . . </DIV>
<BUTTON onclick="alert(oDiv.clientHeight)">client height(div设置了滚动条就是除了滚动条的高度)</BUTTON>
<BUTTON onclick="alert(oDiv.offsetHeight)">offset height(div设置的实际高度 无论有无滚动条)</BUTTON>
<BUTTON onclick="alert(oDiv.clientWidth)">client width(div设置了滚动条就是除了滚动条的宽度)</BUTTON>
<BUTTON onclick="alert(oDiv.offsetWidth)">offset width(div设置的实际宽度 无论有无滚动条)</BUTTON>
</BODY>
</HTML>