Merge Chromium + Blink git repositories
[chromium-blink-merge.git] / third_party / WebKit / LayoutTests / fast / css / sticky / sticky-stacking-context-expected.html
blob46ea61484bff71eb6a66735fe2e94a90f992584c
1 <!DOCTYPE html>
2 <style type="text/css">
3 div {
4 height: 100px;
5 width: 100px;
7 .sticky {
8 background-color: green;
9 position: relative;
11 .red {
12 background-color: red;
13 margin-top: -100px;
15 </style>
16 <!--
17 Tests that the sticky node will be popped out into a stacking context on top of the node which follows it. You should
18 see no red boxes as the green sticky div should pop on top of the red div placed under it.
19 -->
20 <div class="sticky"></div>
21 <div class="red"></div>