overflow-clip-012.html (825B)
1 <!DOCTYPE html> 2 <link rel="help" href="https://www.w3.org/TR/css-break-3/#fragmentation-model"> 3 <link rel="help" href="https://www.w3.org/TR/css-overflow-3/#overflow-properties"> 4 <link rel="match" href="../reference/ref-filled-green-100px-square-only.html"> 5 <style> 6 #multicol { 7 columns: 2; 8 column-fill: auto; 9 column-gap: 0px; 10 height: 100px; 11 width: 100px; 12 } 13 fieldset { 14 overflow: clip; 15 margin: 0; 16 border: none; 17 padding: 0; 18 max-height: 200px; 19 } 20 fieldset > div { 21 contain: size; 22 width: 50px; 23 background: green; 24 } 25 </style> 26 <p>Test passes if there is a filled green square.</p> 27 <div id="multicol"> 28 <fieldset> 29 <div style="height:50px;"></div> 30 <div style="position:absolute; height:50px;"></div> 31 <div style="height:150px;"></div> 32 </fieldset> 33 </div>