Upstream version 9.37.197.0
[platform/framework/web/crosswalk.git] / src / third_party / WebKit / LayoutTests / fast / css / sticky / sticky-stacking-context-expected.html
1 <!DOCTYPE html>
2
3 <html>
4 <head>
5 <style>
6     body {
7         margin: 0;
8     }
9     
10     .container {
11         width: 200px;
12         height: 400px;
13         outline: 2px solid black;
14     }
15     
16     .box {
17         width: 200px;
18         height: 200px;
19     }
20
21     .sticky {
22         position: sticky;
23     }
24     
25     .child {
26         position: relative;
27         background-color: green;
28         z-index: 2;
29     }
30 </style>
31 </head>
32 <body>
33     <div class="group">
34         <div class="container">
35             <div class="sticky box">
36                 <div class="child box"></div>
37             </div>
38         </div>
39     </div>
40
41 </body>
42 </html>