block-in-inline-continuations-ref.html

Enable keyboard shortcuts

<!DOCTYPE html>

<!-- Any copyright is dedicated to the Public Domain.

   - http://creativecommons.org/publicdomain/zero/1.0/ -->

<html>

  <head>

    <title>CSS Test Reference: Sticky Positioning - continuations have no effect when resizing</title>

    <link rel="author" title="Abel Lin" href="mailto:alin@mozilla.com">

    <link rel="stylesheet" href="ahem.css">

    <style>

    #scroll {

      height: 100px;

      overflow: hidden;

      font: 20px/1 Ahem;

    </style>

    <script>

    function run() {

      document.getElementById("scroll").style.width = "750px";

    </script>

  </head>

  <body onload="run()">

    <div id="scroll">

      <div style="height: 20px"></div>

      <div><span class="sticky">in block</span></div>

      <span class="sticky">after block</span>

    </div>

  </body>

</html>