在前端開發面試中，CSS 盒模型是一個經常出現的話題。下面就來為大家梳理一下 CSS 盒模型相關的面試題及答案。

1. 什么是 CSS 盒模型？

CSS 盒模型指的是在 HTML 元素中，每個元素都被視為一個盒子。這個盒子又由四個部分組成：內容（content）、內邊距（padding）、邊框（border）和外邊距（margin）。

2. 請簡述標準盒模型與 IE 盒模型的區別。

標準盒模型：width 和 height 表示的是內容區域的寬高，不包含邊框和內邊距。
IE 盒模型：width 和 height 表示的是整個盒子的寬高，包含邊框和內邊距。

3. 如何設置 CSS 盒模型的樣式？

可以通過 CSS 的 box-sizing 屬性來設置盒模型的樣式。
box-sizing: content-box; /* 標準盒模型 */
box-sizing: border-box; /* IE 盒模型 */

4. 請舉例說明盒模型的計算方式。

假設一個元素的 width 為 200px，padding 為 20px，border 為 2px，margin 為 10px，則此元素的實際寬度為：
標準盒模型：200px + 2 * 20px + 2 * 2px + 2 * 10px = 284px;
IE 盒模型：200px + 2 * (20px + 2px) + 2 * 10px = 264px;

總結： CSS 盒模型是前端開發中必不可少的概念之一。了解盒模型的計算方式，并能夠熟練地運用 box-sizing 屬性來設置盒模型的樣式，對于日常的頁面布局及面試都有很大的幫助。