flexbox-with-overflow-in-bottom-aligned-fixedpos.html

<!DOCTYPE html>
<script>
if (window.testRunner)
    testRunner.setPrinting();
if (window.internals)
    internals.settings.setShouldPrintBackgrounds(true);
</script>
<p>The word "PASS" should be seen at the bottom of the page, and no red should be seen.</p>
<div style="position:fixed; left:0; width:100%; bottom:0; background:red;">
    <div style="display:flex; height:2em;">
        <div style="width:100%;">
            <div style="background:white;">
                <span style="vertical-align:top;">PASS</span>
                <span style="line-height:3em;">&nbsp;</span>
            </div>
        </div>
    </div>
</div>

chromium/third_party/blink/web_tests/printing/flexbox-with-overflow-in-bottom-aligned-fixedpos.html