CSS 盒模型

**CSS 盒子大小**模块使开发人员能够指定元素如何适应其内容或如何适应特定的布局上下文。它定义了大小、最小大小和最大大小属性，并通过表示基于内容的内在大小和基于上下文的外在大小的关键字扩展了 CSS 大小属性。

元素可以是外在大小或内在大小。 CSS 盒子模型定义了页面相关的属性来显式或“外在”地设置元素的大小，包括width、height、padding和margin属性（以及在CSS 背景和边框模块中定义的border属性）。此 CSS 盒子大小模块扩展了 CSS 盒子模型模块，以使元素能够内在大小——根据其内容的大小设置元素的大小。

在此模块中引入的大小值允许具有大小限制的元素采用显式内在大小，就好像其内联内容的宽度和高度与指定的显式内在大小匹配一样，而不是像它们为空一样进行大小调整。

此模块还引入了为元素的盒子定义纵横比的功能，这意味着只要其中一个维度是自动大小的，浏览器就可以自动调整元素的尺寸以保持指定的纵横比。

逻辑属性和值模块扩展了盒子模型和盒子大小模块中可用的属性，以包括相应物理盒子模型和内在盒子大小属性的书写模式相关的等效项。