html - 替换元素的 CSS 固有大小

Question

我在 CSS Intrinsic & Extrinsic Sizing Module Level 3 上遇到了一些困难, 章节 4.1. Intrinsic Sizes .

这是我正在努力解决的部分:

Since a block-level or inline-level replaced element whose height OR width behaves as auto is effectively defined to use its max-content size (CSS2§10.3.2)...

背景和问题:

• 最大内容大小 是指收缩以适合给定无限包含 block 。
• 即不应采用软包装机会，因此元素尽可能大(无需使用属性强制其变大)。
• 我看不到 CSS2§10.3.2 中任何地方定义的行为，对于只有一个维度为 auto 的元素。
• 事实上，不是CSS2§10.3.2的一部分|处理元素只有 一个 维度作为 auto 并且没有固有大小或固有纵横比的情况。 (注意上面 block 引用中的“OR”)
• CSS2§10.3.2 的哪一部分他们指的是什么？

Answer 1

width = auto 的情况在 10.3.2 中有介绍。它说:

... or if 'width' has a computed value of 'auto', 'height' has some other computed value, and the element does have an intrinsic ratio; then the used value of 'width' is:

(used height) * (intrinsic ratio)

height = auto 情况在别处，在 10.6.2 中。它说:

... if 'height' has a computed value of 'auto', and the element has an intrinsic ratio then the used value of 'height' is:

(used width) / (intrinsic ratio)

这只剩下高度和宽度都是自动的情况，没有固有尺寸但有固有比率。 10.3.2 通过说:

If 'height' and 'width' both have computed values of 'auto' and the element has an intrinsic ratio but no intrinsic height or width, then the used value of 'width' is undefined in CSS 2.2.

并且该规范在 css-sizing 4.1 中进行了扩展，其中写道:

this specification applies the rules above to the undefined case of a replaced element whose height and width both behave as auto.