CSS盒模型的組成部分及實際大小

盒模型的組成？　　

　　盒模型由內容區域、內邊距、邊框、外邊距四部分組成。

盒模型實際大小？

　　盒模型實際大小由內容區域、內邊距、邊框三部分組成。

盒模型的box-sizing屬性？

• 如果對盒子不進行設置（或者設置為box-sizing: content-box; ），那么給盒子設置的width和height屬性就等於盒模型內容區域大小
• 如果對盒子設置 box-sizing: border-box; 那么給盒子設置的width和height屬性就等於盒模型的實際大小（包括內容區域、內邊距、邊框）