盒模型

两种。box-sizing: content-box; 或 box-sizing: border-box; 设置，默认 content-box。

四个边。

• margin edge
• border edge
• padding edge
• content edge

标准盒模型 content-box

width 和 height 设置的是 content 的大小，padding、border、margin 会额外占位置。

如果 content 设置了背景，样式会影响 padding，即为 padding-box 的大小。

怪异盒模型 border-box

怪异模式或 IE 下。

width 和 height 设置的是 content + border 的大小，margin 会额外占位置。

BFC

margin 坍塌

上下外边距会合并，绝对位置的元素不会。