overflow-clip-margin-001-ref.html (832B)
1 <!doctype html> 2 <meta charset="utf-8"> 3 <title>Verifies overflow-clip-margin extends outside bounds</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 .container { 8 display: flex; 9 } 10 .parent { 11 position: relative; 12 top: -10px; 13 left: -10px; 14 width: 120px; 15 height: 120px; 16 flex: none; 17 background-color: green; 18 } 19 .spacer { 20 flex: none; 21 height: 100px; 22 width: 100px; 23 } 24 25 </style> 26 <p>You should see two green squares touching each other. The one on the 27 right should be slightly larger.</p> 28 <div class="spacer"></div> 29 <div class="container"> 30 <div class="spacer" style="background-color: green"></div> 31 <div class="parent"></div> 32 </div>