推荐怪异盒模型的场景：
响应式布局：固定容器尺寸时，避免因padding/border导致布局错位
栅格系统：确保百分比宽度计算精确（如Bootstrap默认使用border-box）
标准盒模型
.element { box-sizing: content-box; }
怪异盒模型
.element { box-sizing: border-box; }
全局重置
html { box-sizing: border-box; }
*, *::before, *::after { box-sizing: inherit; }
