obj.offsetWidth和obj.style.width變長變短的問題
請問一下為什么一個obj.offsetWidth-1會變長，而obj.style.width-1卻變短
Jade2_
2016-08-03
2 回答
舉報
0/150
提交
取消
2016-08-03
先明確兩個概念：obj.offsetWidth是盒子模型中盒子的寬度（content+2*padding+2*border）。obj.style.width只是content的寬度（即寫在CSS樣式中的width的值）。假設(shè)padding=0，如果設(shè)置了寬度為1px的border，那么obj.offsetWidth的值就是content的寬+2px，obj.offsetWidth-1的值就是content的寬+1px.因此會變長。而obj.style.width-1，的值就是content長度減1，所以越來越短。
2016-08-03
obj.offsetWidth獲取的是加上邊框的width,打個比方，一個div你給它設(shè)置div{width:200px; border:1px solid #ccc},它的obj.style.width=200px;而obj.offsetWidth=202px;你把obj.style.width=obj.offsetWidth-1;你算算看，還是變長了1px