overflow-clip-margin-mul-column-padding-box.html (851B)
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 <link rel="match" href="overflow-clip-margin-mul-column-padding-box-ref.html"> 7 <style> 8 body { 9 width: 200px; 10 height: 50px; 11 column-count: 2; 12 } 13 14 .container { 15 height: 50px; 16 border: 5px solid grey; 17 padding: 5px; 18 overflow: clip; 19 overflow-clip-margin: padding-box; 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="content" style="background:blue"></div> 32 <div class="content" style="background:green"></div> 33 </div>