✦
BuildHub
概念
技能
产品
提示词
设计
动效
专题
⌕
搜索图鉴…
/
Go Pro
✦
概念图鉴
›
盒模型
复制为 Markdown
已复制
←
centering
overflow
→
前端
盒模型
Box Model
你可能会说
这个卡片明明设为 320px,为什么加了内边距后反而挤出容器?
由内容、内边距、边框和外边距构成的网页元素几何尺寸与排版占位规则。
·
例如卡片内容宽 320px,再加左右内边距和边框,实际占用宽度可能更大,导致两列排不下;按钮的可点击区域也受这些层次影响。它解释尺寸怎样算,不负责内容超出后该显示、裁切还是滚动。
也常被叫作
盒模型
盒子模型
box-sizing
延伸阅读 · 权威出处
盒模型
MDN ↗