gap-020.html (956B)
1 <!DOCTYPE html> 2 <title>Flex gaps</title> 3 <link rel="author" title="David Grogan" href="mailto:dgrogan@chromium.org"> 4 <link rel="help" href="https://drafts.csswg.org/css-flexbox/#intrinsic-sizes"> 5 <link rel="help" href="https://drafts.csswg.org/css-align/#gaps"> 6 <link rel="help" href="https://crbug.com/1459336"> 7 <link rel="match" href="../reference/ref-filled-green-100px-square.xht"> 8 <meta name="assert" 9 content="Intrinsic max size of item-less but not childless row container doesn't underflow" /> 10 11 <style> 12 #reference-overlapped-red { 13 position: absolute; 14 background-color: red; 15 width: 100px; 16 height: 100px; 17 z-index: -1; 18 } 19 </style> 20 21 <p>Test passes if there is a filled green square and <strong>no red</strong>. 22 </p> 23 24 <div id=reference-overlapped-red></div> 25 26 <div 27 style="display: flex; column-gap: 10px; width: max-content; min-width: 100px; height: 100px; background: green;"> 28 <div style="position: absolute;"></div> 29 </div>