前言
很多年前有记入过一篇 box-sizing 和 dom width.
想想也挺可悲的, 那年我是负责后端的, 却要帮着前端去学习这些知识来解决问题...
也好, 现在 full stack, 也算没有浪费当年的努力. 这篇是翻新版本.
和 Dimension 相关的属性
我这里以 div height 作为例子. 你把它们都换成 width 理解也是一样的.
offset-height
client-height
scroll-height
height (getComputedStyle)
rect height (getBoundingClientRect)
以上就是常见的高度
影响 dimension 的属性
它们会被
box-sizing
border
padding
scale 影响
但不受 margin, outline 影响 (许多人会误会)
各个属性计算
标签：computed,DOM,height,client,offset,Dimension,rect From： https://www.cnblogs.com/keatkeat/p/16859954.html