contain-size-scrollbars-004.html (805B)
1 <!DOCTYPE html> 2 <meta charset="utf-8"> 3 <title>CSS Containment Test: Size containment scrollbars</title> 4 <link rel="author" title="Vladimir Levin" href="mailto:vmpstr@chromium.org"> 5 <link rel="help" href="https://drafts.csswg.org/css-contain-1/#containment-size"> 6 <link rel="match" href="reference/contain-size-scrollbars-004-ref.html"> 7 <meta name=assert content="This test checks that contain:size element's content and padding are considered for scrollbars."> 8 <style> 9 #scroller { 10 contain: size; 11 background: lightgreen; 12 overflow: scroll; 13 padding-bottom: 50px; 14 width: 100px; 15 height: 100px; 16 } 17 #content { 18 background: lightblue; 19 width: 50px; 20 height: 130px; 21 } 22 </style> 23 24 <div id=scroller> 25 <div id=content> 26 </div> 27 </div> 28 29 <p>This test passes if it has the same output as the reference.</p>