overflow-clip-margin-invalidation-ref.html (929B)
1 <!doctype html> 2 <meta charset="utf-8"> 3 <title>CSS Overflow: overflow-clip-margin: invalidation on change</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_overflow { 11 position: relative; 12 top: -10px; 13 left: -10px; 14 width: 120px; 15 height: 120px; 16 flex: none; 17 background-color: green; 18 } 19 .parent { 20 width: 100px; 21 height: 100px; 22 flex: none; 23 background-color: green; 24 } 25 .spacer { 26 flex: none; 27 height: 100px; 28 width: 100px; 29 } 30 31 </style> 32 <div class="spacer"></div> 33 <div class="container"> 34 <div class="spacer"></div> 35 <div class="parent"></div> 36 <div class="spacer"></div> 37 <div class="container"> 38 <div class="spacer"></div> 39 <div class="parent_overflow"></div> 40 </body>