1595199-1.html (706B)
1 <!DOCTYPE HTML> 2 <meta charset=UTF-8> 3 <title>Testcase, bug 1595199</title> 4 <style> 5 #outer { 6 background: red; 7 overflow: hidden; 8 } 9 10 #wrapper1 { 11 background: red; 12 height: 100%; 13 } 14 15 #wrapper2 { 16 background: fuchsia; 17 height: 100%; 18 } 19 20 #inner { 21 background: blue; 22 height: 100px; 23 width: 50%; 24 } 25 </style> 26 27 <div id="outer" style="height: 50px"> 28 <div id="wrapper1"> 29 <div id="wrapper2"> 30 <div id="inner"> 31 </div> 32 </div> 33 </div> 34 </div> 35 36 <script> 37 window.addEventListener("load", function load_handler() { 38 document.getElementById("wrapper2").offsetHeight; // flush layout 39 document.getElementById("outer").style.height = "auto"; 40 }); 41 </script>