外在尺寸
在 CSS 中,一个元素的外在尺寸(extrinsic size)由其布局上下文决定,即由该元素外部施加的约束所决定,而与其内容无关。这与元素的固有尺寸相反,后者由其内容所决定。
当你使用 CSS 盒模型属性(如 width、height、block-size、inline-size、max-width 和 min-height)显式设置或约束元素尺寸时,使用的就是外在尺寸。例如,当你设置 width: 200px 时,实际上就是在指定外在尺寸。
百分比值也属于外在尺寸;它们是相对于元素的包含块计算得出的。例如,width: 50% 表示该元素的宽度为其包含块宽度的 50%,而与其内部内容无关。
块级元素的尺寸由外部因素决定。当未指定宽度时,块级元素的默认宽度为 auto,该值最终解析为包含块宽度的 100%。
参见
- 相关术语:
- CSS 盒子大小设置模块
- CSS 盒子大小设置模块第 3 版规范