stretch-requires-computed-auto-size.html (813B)
1 <!DOCTYPE html> 2 <title>Stretch alignment with percentage that behaves as auto</title> 3 <link rel="author" title="Oriol Brufau" href="mailto:obrufau@igalia.com"> 4 <link rel="help" href="https://www.w3.org/TR/css-flexbox-1/#valdef-align-items-stretch"> 5 <link rel="help" href="https://github.com/w3c/csswg-drafts/issues/4525"> 6 <link rel="match" href="../reference/ref-filled-green-100px-square.xht"> 7 <meta name="assert" content=" 8 Stretch alignment requires a computed cross size of `auto`. 9 So a cyclic percentage that only behaves as `auto` doesn't stretch. 10 "> 11 12 <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> 13 14 <div style="display: flex"> 15 <div style="width: 100px; height: 100px; background: green"></div> 16 <div style="width: 100px; height: 50%; background: red"></div> 17 </div>