前端开发 用一个登录卡片讲清 CSS 盒模型：padding、border 与 box-sizing 到底如何影响布局 XanderDING 2026-08-13 16 min 从一个包含账号输入框、密码输入框和登录按钮的登录卡片出发，逐步计算 content、padding、border 与 margin 的尺寸关系，并解释为什么 `width: 100%` 的输入框仍可能溢出，以及为什么 `box-sizing: border-box` 常被作为布局基础规则。