clip-001.html (709B)
1 <!doctype html> 2 <meta charset="utf-8"> 3 <title>overflow: clip clips its contents and doesn't cause scrollable overflow</title> 4 <link rel="help" href="https://drafts.csswg.org/css-overflow/#valdef-overflow-clip"> 5 <link rel="author" title="Emilio Cobos Álvarez" href="mailto:emilio@crisal.io"> 6 <link rel="author" title="Mozilla" href="https://mozilla.org"> 7 <link rel="match" href="clip-001-ref.html"> 8 <style> 9 #target { 10 width: 100px; 11 height: 100px; 12 background: red; 13 overflow: clip; 14 } 15 16 #container { 17 overflow: auto; 18 height: 300px; 19 } 20 21 #fill { 22 background: blue; 23 height: 5000px; 24 } 25 </style> 26 <div id="container"> 27 <div id="target"> 28 <div id="fill"></div> 29 </div> 30 </div>