当前位置: 代码迷 >> HTML/CSS >> offsetwidth,clientwidth,scrollwidth等等这些属性如何区分的的啊郁闷
  详细解决方案

offsetwidth,clientwidth,scrollwidth等等这些属性如何区分的的啊郁闷

热度:632   发布时间:2012-03-05 11:54:01.0
offsetwidth,clientwidth,scrollwidth等等这些属性怎么区分的的啊?郁闷!
在网上看了许多文章,还是不太明白这些属性的具体是指哪一段长度,也不知道区别是什么?
望高手指教!

------解决方案--------------------
http://www.cnblogs.com/geoff/archive/2007/01/27/632166.html

看图的位置
http://www.cnblogs.com/images/cnblogs_com/geoff/200610291284684118_yhKYN4Bc4WZL.jpg
------解决方案--------------------
我只知道offsetwidth好像是得到可变框的真实width,比如,一个DIV的width的width是随时变化的,用这个可以得到它改变后的真实width值!
------解决方案--------------------
offsetWidth是object在浏览器中的显示宽度(不包含浏览器的滚动条等的宽度);
clientWidth是object在浏览器中的宽度(包含浏览器滚动条等的宽度)
scrollWidth是object可滚动时的总宽度(包括object滚动时的可见和不可见的内容,所以经常用于宽度自适应的宽度变量获取)

前两者打个比喻就像是房子的建筑面积和居住面积。

以上都是个人应用体会,未查证过,如果论述错误请指出。
  相关解决方案