overflow-clip-margin-002-ref.html (930B)
1 <!doctype html> 2 <meta charset="utf-8"> 3 <title>Verifies overflow-clip-margin impacts layout</title> 4 <link rel="help" href="https://www.w3.org/TR/css-overflow-3/#propdef-overflow-clip-margin"> 5 <link rel="author" title="Scott Violet" href="mailto:sky@chromium.org"> 6 <style> 7 .scroller { 8 overflow: auto; 9 width: 100px; 10 height: 100px; 11 /* Avoids some fuzz on scrollbar corners */ 12 scrollbar-color: blue blue; 13 } 14 .child { 15 position: relative; 16 width: 110px; 17 height: 110px; 18 background-color: green; 19 } 20 </style> 21 <p>You should see a green box with scrollbars.</p> 22 <div class="scroller"> 23 <div class="child"></div> 24 </div> 25 26 <p>You should see a green box with scrollbars.</p> 27 <div class="scroller"> 28 <div class="child" style="width: 150px; height: 150px"></div> 29 </div> 30 31 <p>You should see a green box with no scrollbars.</p> 32 <div class="scroller" style="background-color: green"> 33 </div>