chromium/third_party/blink/web_tests/fast/frames/calculate-percentage.html

<html>
<!-- TODO(crbug.com/1338331): Fix frameborders across parser iterations. -->
<style>frame { border: 1px solid black; }</style>
<frameset rows="500,*" frameborder="no">
<frameset cols="*,*,*,*,  *,*,*,*,  *,*,*,*,*">


    <!-- single percentages -->

    <frameset rows='0%'>            <!-- 500px -->
        <frame>
    </frameset>

    <frameset rows='50%'>           <!-- 500px -->
        <frame>
    </frameset>

    <frameset rows='100%'>          <!-- 500px -->
        <frame>
    </frameset>

    <frameset rows='200%'>          <!-- 500px -->
        <frame>
    </frameset>


    <!-- multiple percentages -->

    <frameset rows='0%,0%'>         <!-- 250px,250px -->
        <frame>
        <frame>
    </frameset>

    <frameset rows='10%,10%'>       <!-- 250px,250px -->
        <frame>
        <frame>
    </frameset>

    <frameset rows='50%,50%'>       <!-- 250px,250px -->
        <frame>
        <frame>
    </frameset>

    <frameset rows='100%,100%'>     <!-- 250px,250px -->
        <frame>
        <frame>
    </frameset>
    

    <!-- percentage / relative interaction -->

    <frameset rows='0%,*'>          <!-- 0px,500px -->
        <frame>
        <frame>
    </frameset>

    <frameset rows='10%,*'>         <!-- 50px,450px -->
        <frame>
        <frame>
    </frameset>

    <frameset rows='50%,*'>         <!-- 250px,250px -->
        <frame>
        <frame>
    </frameset>

    <frameset rows='100%,*'>        <!-- 500px,0px -->
        <frame>
        <frame>
    </frameset>

    <frameset rows='200%,*'>        <!-- 500px,0px -->
        <frame>
        <frame>
    </frameset>

</frameset><frame>
</frameset></html>