盒模型是CSS控制頁(yè)面布局的一個(gè)非常重要的概念，頁(yè)面上的所有元素，包括文本、圖像、超級(jí)鏈接、div塊等，都可以被看作盒子。由盒子將頁(yè)面中的元素包含在一個(gè)矩形區(qū)域內(nèi)，這個(gè)矩形區(qū)域則稱(chēng)為“盒模型”。

盒模型由內(nèi)到外依次分為內(nèi)容（content）、填充（padding）、邊框（border）和邊界（margin）4部分，盒子的實(shí)際大小為這幾部分之和，盒子寬度為：左邊界+左邊框+左填充+內(nèi)容寬度+右填充+右邊框+右邊界。