Skip to content

Commit dc9e24e

Browse files
committed
[css-sizing] Fix definition of percentage sizes.
1 parent 9fe626f commit dc9e24e

1 file changed

Lines changed: 14 additions & 10 deletions

File tree

css-sizing/Overview.bs

Lines changed: 14 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -563,16 +563,20 @@ Fill-available Sizing</h3>
563563
<h3 id="percentage-sizing">
564564
Percentage Sizing</h3>
565565

566-
Issue: Write something useful here. Like about when to fall back to auto or whatever.
567-
568-
In order to prevent cyclic sizing,
569-
the ''min-height/auto'' value of 'min-height' and 'max-height'
570-
does not factor into the percentage size resolution of the box’s contents.
571-
For example, a percentage-height block
572-
whose <a>flex item</a> parent has
573-
''height: 120em; min-height: auto'' will size itself against ''height: 120em''
574-
regardless of the impact that 'min-height' might have
575-
on the used size of the <a>flex item</a>.
566+
Percentages specify sizing of a box with respect to the box’s <a>containing block</a>.
567+
568+
Although this may require an additional layout pass to re-resolve percentages in some cases,
569+
the ''min-width/auto'', ''min-width/min-content'', ''min-width/max-content'', and ''min-width/fit-content'' values
570+
of 'min-width' and 'min-height'
571+
do not prevent the resolution of percentage sizes of the box’s contents.
572+
However, in order to prevent cyclic sizing in the general case,
573+
percentages do not otherwise resolve against <a>indefinite</a> sizes,
574+
and instead are treated as <css>auto</css>.
575+
576+
Note: See definition of percentage
577+
<a href="https://www.w3.org/TR/CSS2/visudet.html#the-width-property"><css>width</css></a>
578+
and <a href="https://www.w3.org/TR/CSS2/visudet.html#the-height-property"><css>height</css></a>
579+
in [[CSS21]].
576580

577581
<h2 class=no-num id="changes">
578582
Changes</h2>

0 commit comments

Comments
 (0)