contain-size-multicol-004.html (870B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>CSS Test: 'contain: size' should force elements to be monolithic, i.e. to not fragment inside a multicol element.</title> 6 <link rel="author" title="Morgan Rae Reschenberg" href="mailto:mreschenberg@berkeley.edu"> 7 <link rel="help" href="https://drafts.csswg.org/css-contain/#containment-size"> 8 <link rel="match" href="contain-size-multicol-004-ref.html"> 9 <style> 10 .contain { 11 contain:size; 12 } 13 .cols { 14 column-count: 3; 15 column-rule: 1px dotted blue; 16 column-fill: auto; 17 border: 2px solid blue; 18 height: 50px; 19 width: 300px; 20 } 21 .innerObject { 22 height: 200px; 23 width: 100px; 24 background: orange; 25 } 26 </style> 27 </head> 28 <body> 29 <div class="cols"> 30 <div class="contain innerObject"> 31 </div> 32 </div> 33 </body> 34 </html>