此页面由社区从英文翻译而来。了解更多并加入 MDN Web Docs 社区。

View in English Always switch to English

外在尺寸

在 CSS 中,一个元素的外在尺寸(extrinsic size)由其布局上下文决定,即由该元素外部施加的约束所决定,而与其内容无关。这与元素的固有尺寸相反,后者由其内容所决定。

当你使用 CSS 盒模型属性(如 widthheightblock-sizeinline-sizemax-widthmin-height)显式设置或约束元素尺寸时,使用的就是外在尺寸。例如,当你设置 width: 200px 时,实际上就是在指定外在尺寸。

百分比值也属于外在尺寸;它们是相对于元素的包含块计算得出的。例如,width: 50% 表示该元素的宽度为其包含块宽度的 50%,而与其内部内容无关。

块级元素的尺寸由外部因素决定。当未指定宽度时,块级元素的默认宽度为 auto,该值最终解析为包含块宽度的 100%