Merge Chromium + Blink git repositories
[chromium-blink-merge.git] / third_party / WebKit / LayoutTests / fast / css / sticky / sticky-as-positioning-container-expected.html
blob7fb007524262f774792dc16caa7f0086fd492c41
1 <!DOCTYPE html>
2 <style type="text/css">
3 div {
4 height: 100px;
5 width: 100px;
7 .spacer {
8 background-color: red;
10 .sticky {
11 background-color: green;
12 position: relative;
14 .absoffset {
15 background-color: green;
16 position: absolute;
17 top: -100px;
19 </style>
20 <div class="spacer"></div>
21 <div class="sticky">
22 <!--
23 Tests that the absolute positioned child is positioned relative to the sticky container. You should see only a
24 green box as this will cover up the red box above the sticky div.
25 -->
26 <div class="absoffset"></div>
27 </div>