@@ -694,16 +694,28 @@ Intrinsic Size Determination</h2>
694
694
Intrinsic Sizes</h3>
695
695
696
696
The <a>min-content size</a> of a box in each axis
697
- is the size it would have as an
698
- ''width/auto'' -sized (in that axis) float in a zero-sized containing block.
697
+ is the size it would have if it were
698
+ a float given an ''width/auto'' size in that axis
699
+ (and no <a lt="min size">minimum</a> or <a>maximum size</a> in that axis)
700
+ and whose containing block was <em> zero</em> -sized in that axis.
699
701
(In other words, the minimum size it has when sized as “shrink-to-fit”.)
700
702
701
703
The <a>max-content size</a> of a box in each axis
702
- is the size it would have as an
703
- ''width/auto'' -sized (in that axis) float in an infinitely-sized containing block.
704
+ is the size it would have if it were
705
+ a float given an ''width/auto'' size in that axis
706
+ (and no <a lt="min size">minimum</a> or <a>maximum size</a> in that axis),
707
+ and whose containing block was <em> infinitely</em> -sized in that axis.
704
708
(In other words, the maximum size it has when sized as “shrink-to-fit”.)
709
+
710
+ <p class="note">
711
+ Note that when the box has an intrinsic aspect ratio,
712
+ size constraints in the opposite dimension will transfer through
713
+ and can affect the ''width/auto'' size in the considered one.
714
+ See <a href="https://www.w3.org/TR/CSS2/visudet.html">CSS2§10</a> .
715
+
705
716
For replaced elements,
706
- if this size would depend on the size of the containing block
717
+ if the <a>max-content size</a> size would depend
718
+ on the size of the containing block
707
719
(as it does for images with an intrinsic aspect ratio but no intrinsic size,
708
720
see <a href="https://www.w3.org/TR/CSS2/visudet.html#inline-replaced-width">CSS2§10.3.2</a> )
709
721
and therefore can't be calculated against an infinitely-sized containing block
0 commit comments