overflow-clip-margin-mul-column-border-box-ref.html (789B)
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 overflow: clip; 15 } 16 .wrapper { 17 height: 50px; 18 border: 5px solid grey; 19 padding: 5px; 20 } 21 22 .content { 23 position: relative; 24 top: -20px; 25 left: -20px; 26 width: 100px; 27 height: 50px; 28 } 29 </style> 30 <div class="container"> 31 <div class="wrapper"> 32 <div class="content" style="background:blue"></div> 33 <div class="content" style="background:green"></div> 34 </div> 35 </div>