You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
[css-sizing] Apply the resolution about 'height:stretch' acting like 'align-self:stretch' when possible, and remove the corresponding Extrinsic Sizing section.
Maybe it should stop at each formatting root, or something similar?
487
473
488
474
<h3 id="percentage-sizing">
489
475
Percentage Sizing</h3>
@@ -515,7 +501,7 @@ Stretch-fit Sizing</h3>
515
501
a 'block-size' or 'max-block-size' on the containing block
516
502
that causes it to depend on the size of its contents,
517
503
the box’s percentage is not resolved and instead <a>behaves as auto</a>.
518
-
504
+
519
505
Note: <a href="https://www.w3.org/TR/css-grid/">Grid containers</a> (<a href="https://github.com/w3c/csswg-drafts/issues/1679">and flex items?</a>) do allow percentages to resolve in this case.
520
506
521
507
* Otherwise, the percentage is resolved against the containing block’s size.
@@ -555,7 +541,7 @@ Stretch-fit Sizing</h3>
555
541
for resolving the <code><aside></code>,
556
542
whose width resolves to half that of the <code><article></code>.
557
543
</div>
558
-
544
+
559
545
<div class="example">
560
546
In this example,
561
547
@@ -567,7 +553,7 @@ Stretch-fit Sizing</h3>
567
553
<section style="height: 30px;"></section>
568
554
</article>
569
555
</xmp>
570
-
556
+
571
557
because the percentage <a>block size</a> ('height', in this case) on block-level elements
572
558
is defined to not resolve inside content-sized containing blocks,
573
559
the percentage height on the <code><aside></code> is ignored,
@@ -577,9 +563,9 @@ Stretch-fit Sizing</h3>
577
563
<div class=example>
578
564
Issue: Letting %s still resolve against a definite 'height'
579
565
when the min-height is intrinsic is an open issue.
580
-
(CSS2 has a general statement about "height depending on contents",
581
-
which this technically is,
582
-
even though CSS2 didn't have content-dependent keywords for 'min-height'.
566
+
(CSS2 has a general statement about "height depending on contents",
567
+
which this technically is,
568
+
even though CSS2 didn't have content-dependent keywords for 'min-height'.
583
569
Since this is new, we think we could have this different behavior.)
584
570
585
571
The following examples illustrate how block-axis percentages resolve against a containing block whose size depends on its contents.
0 commit comments