overflow-clip-margin-011.html (875B)
1 <!doctype html> 2 <meta charset="utf-8"> 3 <title>Overflow-clip-margin: child of a small-border-box out-of-view large-clip-margin parent is shown</title> 4 <link rel="help" href="https://www.w3.org/TR/css-overflow-3/#propdef-overflow-clip-margin"> 5 <link rel="author" title="Xianzhu Wang" href="mailto:wangxianzhu@chromium.org"> 6 <link rel="match" href="overflow-clip-margin-011-ref.html"> 7 <style> 8 .overflow-hidden { 9 width: 200px; 10 height: 200px; 11 overflow: hidden; 12 } 13 .parent { 14 width: 100px; 15 height: 100px; 16 position: relative; 17 top: 500px; 18 overflow: clip; 19 overflow-clip-margin: 500px; 20 z-index: 1; 21 background: red; 22 } 23 .child { 24 width: 100px; 25 height: 100px; 26 position: relative; 27 top: -500px; 28 background: green; 29 } 30 </style> 31 <div class="overflow-hidden"> 32 <div class="parent"> 33 <div class="child"> 34 </div> 35 </div>