盒模型与布局：练习答案

盒模型计算

content-box 下，width 不含 padding 和 border；border-box 下，声明宽度包含它们。margin 始终是盒子外部间距。验证时同时记录 getBoundingClientRect().width 和 Computed 面板，不要只看 CSS 源码。

Flex、Grid 与定位

Flex 的 justify-content 取决于主轴，不能固定解释为水平；Grid 同时管理行和列；绝对定位寻找最近的已定位祖先，sticky 需要滚动容器和 inset 条件。浮动父元素高度问题可用 display: flow-root 解决，但 overflow: hidden 可能裁剪下拉内容。