Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(9)

Side by Side Diff: third_party/WebKit/LayoutTests/fast/css/sticky/nested/sticky-nested-left-expected.html

Issue 2636253002: Handle nested position:sticky elements (Closed)
Patch Set: Rebase Created 3 years, 10 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
OLDNEW
(Empty)
1 <!DOCTYPE html>
2
3 <html>
4 <head>
5 <style>
6 body {
7 margin: 0;
8 }
9
10 .group {
11 position: relative;
12 width: 350px;
13 height: 200px;
14 }
15
16 .container {
17 width: 350px;
18 height: 180px;
19 outline: 2px solid black;
20 }
21
22 .outerBox {
23 position: absolute;
24 background-color: green;
25 width: 200px;
26 height: 180px;
27 }
28
29 .innerBox {
30 position: absolute;
31 background-color: red;
32 width: 100px;
33 height: 180px;
34 }
35 </style>
36 </head>
37 <body>
38 <div class="group">
39 <div class="container">
40 <div class="outerBox" style="left: 50px;">
41 <div class="innerBox" style="left: 0;"></div>
42 </div>
43 </div>
44 </div>
45
46 <div class="group">
47 <div class="container">
48 <div class="outerBox" style="left: 50px;">
49 <div class="innerBox" style="left: 50px;"></div>
50 </div>
51 </div>
52 </div>
53
54 <div class="group">
55 <div class="container">
56 <div class="outerBox" style="left: 50px;">
57 <div class="innerBox" style="left: 100px;"></div>
58 </div>
59 </div>
60 </div>
61 </body>
62 </html>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698