?
function init(){
var a = document.getElementById("a");
a.innerHTML +="scrollWidth :"+ a.scrollWidth +"<br/>"
+ "scrollHeight :" + a.scrollHeight +"<br/>"
+ "offsetWidth :" + a.offsetWidth +"<br/>"
+ "offsetHeight :" + a.offsetHeight +"<br/>"
+ "clientWidth :"+ a.clientWidth +"<br/>"
+ "clientHeight :"+ a.clientHeight +"<br/>"
+ "offsetLeft: "+a.offsetLeft+ "<br/>"
+ "offsetTop: "+a.offsetTop
}
?
<div style="width:3600px ; height:600px; position:absolute; top:100px"> <div style="width:300px ; height:200px; background:#CCCCCC; border: 1px ;padding:10px ; margin:3px; position:absolute; top:2px; border:7px #000000 solid" id="a" ></div> </div>
?IE
scrollWidth :20
scrollHeight :39
offsetWidth :300
offsetHeight :200
clientWidth :286
clientHeight :186
offsetLeft: 3
offsetTop: 5
?
IE中 border + clientWidth? = width
?
?
FF:
?
scrollWidth :334
scrollHeight :234
offsetWidth :334
offsetHeight :234
clientWidth :320
clientHeight :220
offsetLeft: 3
offsetTop: 5
?
FF 中 :
??? clientWidth? = width + padding
?