盒模型

35 阅读1分钟

什么是盒子模型

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

如何去算

盒子模型 = width/height+padding+border 没有设置box-sizing: border-box;

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

box-sizing

默认值box-sizing: content-box;

box-sizing: border-box;边框以及内填充都会在盒子里面加,原本多大就多大