available-height-for-replaced-content-001.html (945B)
1 <!DOCTYPE html> 2 <meta charset="utf-8"> 3 <title>CSS Test: available height for replaced content</title> 4 <link rel="help" href="https://drafts.csswg.org/css-sizing/#available"> 5 <link rel="help" href="https://crrev.com/acc04ddbdc31a7c5bda78f88719df43367630fed"> 6 <meta name="assert" content="This test ensures that the available height for replaced content is calculated correctly when the parent has border, padding or min-height."/> 7 <style> 8 #wrapper { 9 width: 200px; 10 min-height: 1px; 11 height: 20px; 12 border: 1px solid green; 13 padding: 50px; 14 } 15 img { 16 margin: 0; 17 padding: 0; 18 border: 0; 19 width: 100%; 20 height: 100%; 21 background: silver; 22 } 23 </style> 24 <div id="log"></div> 25 <div id="wrapper"> 26 <img src="" data-expected-height="20"> 27 </div> 28 <script src="/resources/testharness.js"></script> 29 <script src="/resources/testharnessreport.js"></script> 30 <script src="/resources/check-layout-th.js"></script> 31 <script> 32 checkLayout('img'); 33 </script>