stretch-quirk-001.html (1294B)
1 <!-- no doctype, to trigger quirks mode --> 2 <meta charset="utf-8"> 3 <title> 4 CSS Test: 'stretch' heights can resolve against body height, with 5 quirks-mode body-fills-html-which-fills-viewport behavior 6 </title> 7 <link rel="help" href="https://drafts.csswg.org/css-sizing-4/#sizing-values"> 8 <link rel="help" href="https://quirks.spec.whatwg.org/#the-html-element-fills-the-viewport-quirk"> 9 <link rel="help" href="https://quirks.spec.whatwg.org/#the-body-element-fills-the-html-element-quirk"> 10 <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"> 11 <link rel="match" href="stretch-quirk-001-ref.html"> 12 <meta name="assert" 13 content="In quirks mode, the body's automatic height should be considered definite for the purposes of 'stretch' resolution on its children"> 14 <style> 15 body { 16 margin: 0; 17 } 18 body > * { 19 box-sizing: border-box; 20 height: -webkit-fill-available; 21 height: stretch; 22 23 /* The rest of these styles are just for cosmetics & consistency: */ 24 width: 40px; 25 border: 5px solid blue; 26 vertical-align: top; 27 margin: 0 10px 0 0; 28 background: cyan; 29 } 30 </style> 31 <body> 32 <div style="display: inline-block">IB</div> 33 <canvas></canvas> 34 <iframe></iframe> 35 <button>B</button> 36 <input value="i"> 37 <textarea></textarea> 38 </body>