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


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

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