client、offset、scroll 理理三种宽高之client

body(div).clientWidth / body(div).clientHeight(无兼容问题)


body.client-1


body.client-2

出现下拉滚动条(跟在窗口可见没关系,height设置多大就多大)

body.client-3

(跟在窗口可见没关系,height设置多大就多大)

div.client-1

没滚动条时:width+padding*2 (跟在窗口可见没关系,height/width设置多大就多大)

div.client-2

出现滚动条时:width+padding*2-滚动条(跟在窗口可见没关系,height/width设置多大就多大)


div.clientLeft/clientTop

你可能感兴趣的:(client、offset、scroll 理理三种宽高之client)