天天看點

兩種盒子模型(W3C盒子 與 IE盒子)

盒子模型中,重要的概念有margin(邊界)、border(邊框)、padding(填充)、content(内容),簡稱為“MBPC”模型。

盒子模型分兩種,一種為W3C盒子,一種為IE盒子。差別如下:

W3C盒子:

兩種盒子模型(W3C盒子 與 IE盒子)

IE盒子:

兩種盒子模型(W3C盒子 與 IE盒子)

差別:

W3C盒子的寬度/高度=content的寬度/高度;

IE盒子的寬度/高度=content的寬度/高度+border的寬度/高度+padding的寬度/高度

繼續閱讀