本文共 856 字，大约阅读时间需要 2 分钟。

 

 

javascript 中 offsetWidth 是什么意思？

 

最佳答案：是对象的可见宽度，包滚动条等边线，会随窗口的显示大小改变

 

 

scrollWidth, clientWidth与offsetWidth的区别

 

 

scrollWidth 是对象的实际内容的宽，不包边线宽度，会随对象中内容的多少改变（内容多了可能会改变对象的实际宽度）。clientWidth 是对象可见的宽度，不包滚动条等边线，会随窗口的显示大小改变。 offsetWidth 是对象的可见宽度，包滚动条等边线，会随窗口的显示大小改变。 一个scrollWidth和clientWidth的例子：

 

 

 

   
    
	     
      
		       
		
        
          
          
            
dddd
           
          
        
		
		       
	      
     
    
   

 

 

 

 clientWidth、offsetWidth、clientHeight..区别

 

IE6.0、FF1.06+：

clientWidth = width + padding clientHeight = height + padding offsetWidth = width + padding + border offsetHeight = height + padding + border IE5.0/5.5： clientWidth = width - border clientHeight = height - border offsetWidth = width offsetHeight = height(需要提一下：CSS中的margin属性，与clientWidth、offsetWidth、clientHeight、offsetHeight均无关)

offsetwidth:是元素相对父元素的偏移宽度。等于border+padding+width clientwidth：是元素的可见宽度。等于padding+width scrollwidth:是元素的宽度且包括滚动部分。

转载地址：http://wwdhb.baihongyu.com/