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

盒模型由內到外依次分為內容（content）、填充（padding）、邊框（border）和邊界（margin）4部分，如圖15-1所示。盒子的實際大小為這幾部分之和，盒子寬度為：左邊界+左邊框+左填充+內容寬度+右填充+右邊框+右邊界。