CSS3中的盒模型有以下兩種:標(biāo)準(zhǔn)盒子模型、IE盒子模型
盒模型都是由四個(gè)部分組成的,分別是margin、border、padding和content。
標(biāo)準(zhǔn)盒模型和IE盒模型的區(qū)別在于設(shè)置width和height時(shí),所對應(yīng)的范圍不同:
標(biāo)準(zhǔn)盒模型的width和height屬性的范圍只包含了content,IE盒模型的width和height屬性的范圍包含了border、padding和content。
可以通過修改元素的box-sizing屬性來改變元素的盒模型:
box-sizeing: content-box表示標(biāo)準(zhǔn)盒模型(默認(rèn)值)box-sizeing: border-box表示IE盒模型(怪異盒模型)