495385-2a.html (870B)
1 <!DOCTYPE HTML> 2 <html> 3 <head> 4 <!-- Test that removing a block element can create frames for text around it --> 5 <style> 6 body > div { border:1px solid black; margin:1em; 7 font-family:sans-serif; letter-spacing:2px; } 8 </style> 9 <script> 10 function remove(id) { 11 var e = document.getElementById(id); 12 e.remove(); 13 } 14 function loaded() { 15 document.body.offsetHeight; 16 remove("d1"); 17 remove("d2"); 18 remove("d3"); 19 remove("d4"); 20 } 21 </script> 22 </head> 23 <body onload="loaded()"> 24 <div><span>Hello</span><div id="d1">X</div> <span>Kitty</span></div> 25 <div><span>Hello</span> <div id="d2">X</div><span>Kitty</span></div> 26 <!-- we'll create frames here, but they won't make a difference to the rendering --> 27 <div><div id="d3">X</div> <span>Hello</span> <span>Kitty</span></div> 28 <div><span>Hello</span> <span>Kitty</span> <div id="d4">X</div></div> 29 </body> 30 </html>