外在尺寸

在 CSS 中，元素的外部尺寸由其布局上下文决定，也就是说，由施加于元素外部的约束决定，而不考虑其内容。这与元素的内部尺寸相反，内部尺寸是基于其内容的。

当您使用CSS 盒子模型属性（如width、height、block-size、inline-size、max-width 和min-height）显式设置或约束元素大小时，就会发生外部尺寸设置。例如，当您设置 width: 200px 时，您指定的就是一个外部尺寸。

百分比值也是外部的；它们是相对于元素的包含块计算的。例如，width: 50% 意味着元素的宽度将是其包含块宽度的 50%，而与元素内部的内容无关。

块级元素是按外部尺寸进行调整的。当未指定宽度时，块级元素的默认宽度是 auto，它解析为包含块宽度的 100%。