与对象定位的相关属性

padding:20px;margin:100px;position:absolute;left:200px;overflow:scroll;">
  

width:300px;height:100px;dffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff
    asdfljasldfkja
    asdlfjasdlfjka
    asdlfjalsdjf
    asdlfja;sldfjk
    asdlfjas;ldkfj
    asdlfjas;ldkjf
    asdlfjas'dlfjalsdjkf
    adslfjasldfkjalsdkjf
    asdlfkjasldfkjalsdkjf
    

 

 

 

 

 

clientLeft 10 边框宽

clientTop 10

clientWidth 323 可见区域宽（背景可见），包括内边距

clientHeight 123

 

offsetWidth 360

offsetHeight 160 包括边框

offsetLeft 300 包括边界 有定位元素时，从定位元素的内边距开始算起

offsetTop 100

style.left 不包括边界, 开发者给的                

style.width:开发者给的宽度

 

scrollHeight 540包括整个可以通过滚动可见的。为什么在IE下是520，而FF下是540，padding的影响？FF下不会将右边距算进去，去掉padding之后二者一致，都成了500

scrollLeft 0

scrollTop 0

scrollWidth 520 ；两者一样。

 

 

，即document.documentElement，尽管可以有样式width,height,但clientWidth,clientHeight总是会与浏览器可见区域大小保持一致。

，即document.body,可以应用任何CSS样式。

转载于:https://www.cnblogs.com/fredwu/archive/2012/03/25/2416874.html