天天看點

CSS盒模型簡單介紹

1.CSS盒子模型有幾種?

CSS盒子模型可以分為兩種,第一種是W3C标準盒子模型,第二種是IE怪異盒子模型。通常CSS屬性的box-sizing屬性設定為content-box就是指定盒子模型為W3C标準盒子模型,border-box就是指定盒子為IE盒子模型。

2.W3C标準盒子模型與IE怪異盒子模型的差別:

标準 W3C 盒子模型的範圍包括 margin、border、padding、content,并且 content 部分不包含其他部分。

CSS盒模型簡單介紹

 IE 盒子模型的範圍也包括 margin、border、padding、content,和标準 W3C 盒子模型不同的是:IE 盒子模型的 content 部分包含了 border 和 pading。

CSS盒模型簡單介紹

窮則獨善其身,達則兼濟天下……