align-self-stretch-auto-size-ref.tentative.html (1167B)
1 <!DOCTYPE html> 2 <link rel="author" title="David Shin" href="mailto:dshin@mozilla.com"> 3 <link rel="help" href="https://drafts.csswg.org/css-position-3/#abspos-layout"> 4 <link rel="help" href="https://drafts.csswg.org/css-position-3/#abspos-old"> 5 <link rel="help" href="https://github.com/w3c/csswg-drafts/issues/11195"> 6 <link rel="help" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1930427"> 7 <link rel="help" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1930850"> 8 <meta name="assert" content="Ensures that absolutely positioned elements stretch only when both insets are non-auto."> 9 <style> 10 .container { 11 width: 25px; 12 height: 25px; 13 border: 1px solid; 14 position: relative; 15 display: inline-block; 16 } 17 18 .ref { 19 background: purple; 20 } 21 </style> 22 <!-- All insets auto --> 23 <div class="container"></div><br> 24 <!-- One inset auto --> 25 <div class="container"></div 26 ><div class="container"></div 27 ><div class="container"></div 28 ><div class="container"></div><br> 29 <!-- Neither inset auto --> 30 <div class="container"><div class="ref" style="width: 10px; height: 100%;"></div></div 31 ><div class="container"><div class="ref" style="width: 100%; height: 10px;"></div></div>