overflow-clip-margin-mul-column-content-box-ref.html (807B)
1 <!doctype html> 2 <meta charset="utf-8"> 3 <title>Overflow: verifies multi-col layout uses overflow-clip-margin correctly</title> 4 <link rel="help" href="https://drafts.csswg.org/css-overflow/#overflow-clip-margin"> 5 <link rel="author" title="Khushal Sagar" href="mailto:khushalsagar@chromium.org"> 6 <style> 7 body { 8 width: 200px; 9 height: 50px; 10 column-count: 2; 11 } 12 13 .container { 14 height: 50px; 15 border: 5px solid grey; 16 padding: 5px; 17 } 18 .wrapper { 19 height: 50px; 20 overflow: clip; 21 } 22 23 .content { 24 position: relative; 25 top: -20px; 26 left: -20px; 27 width: 100px; 28 height: 50px; 29 } 30 </style> 31 <div class="container"> 32 <div class="wrapper"> 33 <div class="content" style="background:blue"></div> 34 <div class="content" style="background:green"></div> 35 </div> 36 </div>