block-in-inline-continuations-ref.html (820B)
1 <!DOCTYPE html> 2 <!-- Any copyright is dedicated to the Public Domain. 3 - http://creativecommons.org/publicdomain/zero/1.0/ --> 4 <html> 5 <head> 6 <title>CSS Test Reference: Sticky Positioning - continuations have no effect when resizing</title> 7 <link rel="author" title="Abel Lin" href="mailto:alin@mozilla.com"> 8 <link rel="stylesheet" href="ahem.css"> 9 <style> 10 #scroll { 11 height: 100px; 12 overflow: hidden; 13 font: 20px/1 Ahem; 14 } 15 </style> 16 <script> 17 function run() { 18 document.getElementById("scroll").style.width = "750px"; 19 } 20 </script> 21 </head> 22 <body onload="run()"> 23 <div id="scroll"> 24 <div style="height: 20px"></div> 25 <div><span class="sticky">in block</span></div> 26 <span class="sticky">after block</span> 27 </div> 28 </body> 29 </html>