三种类型offset client scroll offset
只读属性。
width/height——显示出来的屏幕尺寸
top/left——相对于定位父元素的绝对位置
client只读属性。
width/height——不带边框的offset，也不包含滚动条宽度
top/left——内边距的外边缘与边框外边缘的距离，通常是边框宽度
scrollwidth/height——只读，带有溢出内容的client
top/left——非只读，相对于父容器的滚动起始位置，修改值可以改变滚动位置
demo代码见：https://codepen.io/jabbar/pen...
附加window.outerWidth/window.outerHeight——窗口的外层的宽度和高度
window.innerWidth/window.innerWidth——浏览器窗口的视口(viewport)的宽度和高度
window.screen.width/window.screen.height——屏幕宽度和高度
window.screen.availWidth/window.screen.availHeight——屏幕可用宽度和高度
window.screenTop/window.screenLeft——浏览器在屏幕位置
参考：
https://segmentfault.com/a/11...
https://juejin.im/entry/59772...
文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。
转载请注明本文地址：https://www.ucloud.cn/yun/103248.html
三种类型offset client scroll offset 只读属性。 width/height——显示出来的屏幕尺寸 top/left——相对于定位父元素的绝对位置 client 只读属性。 width/height——不带边框的offset，也不包含滚动条宽度 top/left——内边距的外边缘与边框外边缘的距离，通常是边框宽度 scroll width/height——只读，带...
摘要：关于内联元素之前讨论的多是块级元素，而没有考虑到内联元素的情况。但巧合的是，在普通流定位中，内联元素宽度和高度规则却和块级元素绝对定位差不多，都只受内容大小影响。 我们知道，元素在没有设置宽高的情况下，默认的宽高值都为auto。而这个auto到底是如何让元素自动拥有宽高的呢，也就是说，元素的宽度和高度到底会受到什么因素的影响？本文将通过一个例子来对这一问题一探究竟，HTML结构和初始c...
阅读 3623·2021-10-09 09:58
阅读 1144·2021-09-22 15:20
阅读 2469·2019-08-30 15:54
阅读 3492·2019-08-30 14:08
阅读 871·2019-08-30 13:06
阅读 1791·2019-08-26 12:16
阅读 2651·2019-08-26 12:11
阅读 2482·2019-08-26 10:38
