盒模型

盒模型

1、什么是盒模型
在html中，每个div都是一个盒子。
盒模型是由 内容区域 + 内边距 + 边框 + 外边距组成的

2、盒模型分为那两种

• 标准盒模型 （width+ border + padding + margin）
• 怪异盒模型 (width + margin)

3、标准、怪异盒模型的转换

• box-sizing：content-box (采用标准盒模型)
• box-sizing：border-box (采用怪异盒模型)

4、获取box的高度/宽度

• window.getComputedStyle(dom).width/height (非IE)
• dom.currentStyle.width/height （IE）