WebMD
本页大纲

盒模型(Box Model)

缩写:无

简述

元素由 content、padding、border、margin 构成盒;box-sizing 决定 width/height 是否含边框。

使用场景

定尺寸、间距、边框按钮、溢出。

组成与要点

margin > border > padding > content
box-sizing: content-box | border-box

实践与应用

• 全局 border-box 简化心智
• 注意纵向 margin 折叠

关联术语

• 包含块:百分比参照
• 布局:盒排布
• 回流:几何重算