table-as-item-min-content-height-2.tentative.html (921B)
1 <!doctype html> 2 <link rel="author" title="David Grogan" href="mailto:dgrogan@chromium.org"> 3 <link rel="match" href="../reference/ref-filled-green-100px-square.xht"> 4 <meta name="assert" content="Table's block size is not shrunk below its min-content block size when a specified size suggestion makes its automatic minimum size = 0."> 5 6 <style> 7 #reference-overlapped-red { 8 position: absolute; 9 background-color: red; 10 width: 100px; 11 height: 100px; 12 z-index: -1; 13 } 14 </style> 15 16 <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> 17 <div id="reference-overlapped-red"></div> 18 19 <div style="display: flex; flex-direction: column; height: 0px; width: 100px;"> 20 <div style="display: table; height: 0px; width: 100px; background: green;"> 21 <div style="display: table-cell"> 22 <div style="height: 50px"></div> 23 </div> 24 </div> 25 <div style="flex: 0 0 50px; background: green;"></div> 26 </div>