third_party/WebKit/LayoutTests/fast/multicol/composited-relpos-expected.html


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22

<!DOCTYPE html>
<p>There should be two yellow boxes below, on a blue background.</p>
<div style="width:17em; height:13em; line-height:2em;">
    <div style="position:absolute; z-index:-1; left:0; right:0; height:13em; background:blue;"></div>
    <div style="float:left; width:8em; height:100%;">
        <br>
        <br>
        <br>
        <br>
        <div style="margin:0.5em; height:4.5em; background:yellow;">
            first<br>
            column<br>
        </div>
    </div>
    <div style="float:left; width:1em; height:100%;"></div>
    <div style="float:left; width:8em; height:100%;">
        <div style="margin:0 0.5em; background:yellow;">
            second<br>
            column<br>
        </div>
    </div>
</div>