盒子模型算法

62 阅读1分钟

什么是盒子模型

盒子模型就是元素在网页中实际占据的大小

盒子模型的计算方式

盒子模型 = width/height+padding+border 注意:没有margin

box-sizing

当box-sizing的值为 border-box 时,会改变盒子模型的计算方式

盒子模型 = width/height = 内容宽高+border+padding

offsetWidth

JavaScript中获取盒子模型的方式是 obj.offsetWidth / offsetHeight