CSS3 中的盒模型有以下兩種：標(biāo)準(zhǔn)盒子模型、IE 盒子模型

盒模型都是由四個部分組成的，分別是 margin、border、padding 和 content。

標(biāo)準(zhǔn)盒模型和 IE 盒模型的區(qū)別在于設(shè)置 width 和 height 時，所對應(yīng)的范圍不同：

1.標(biāo)準(zhǔn)盒模型的 width 和 height 屬性的范圍只包含了 content，

2.IE 盒模型的 width 和 height 屬性的范圍包含了 border、padding 和 content。

可以通過修改元素的 box-sizing 屬性來改變元素的盒模型：

1.box-sizeing: content-box表示標(biāo)準(zhǔn)盒模型（默認(rèn)值）

2.box-sizeing: border-box表示 IE 盒模型（怪異盒模型）