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

#box {
           position: relative;        margin: 50px auto;        width: 500px;        height: 500px;        border: 1px solid #000;    }    #box div{
           position: absolute;        left:100px;        top:100px;        width: 100px;        height: 100px;        padding: 30px;        border: 5px solid #000000;        background: red;    }    
   
        
    
    
   

谷歌浏览器打印的结果是 169 169	而实际offsetWidth = 100+30*2+5*2=170；offsetHeight =100+30*2+5*2=170；打印的结果比实际值少了1px。	另外，改变父级box的border也会改变offsetWidth和offsetHeight的值，如把父级box的border改为2，打印的结果会变成171 171比实际结果多了1px。

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