content-box
width: 100% 只指定 content；padding 和 border 會再加上去。
兩種 box-sizing
先用 390px viewport 開啟 DevTools，觀察兩張盒子的總寬度。
border-box
width: 100% 已包含 content、padding 和 border。
- 在 Elements 分別選取兩張盒子，打開 Computed 與 Box Model。
- 記下 content、padding、border 與元素總寬度。
- 把第一張的 class 從
content-box改成border-box，比較水平捲軸與尺寸。
重設：重新整理頁面即可還原 class。