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