layout/reftests/position-sticky/column-contain-1b.html@7e26c7da4463
layout/reftests/position-sticky/column-contain-1b.html
Wed, 31 Dec 2014 06:55:50 +0100
- author
- Michael Schloh von Bennewitz <michael@schloh.com>
- date
- Wed, 31 Dec 2014 06:55:50 +0100
- changeset 2
- 7e26c7da4463
- permissions
- -rw-r--r--
Added tag UPSTREAM_283F7C6 for changeset ca08bd8f51b2
1 <!DOCTYPE html>
2 <!-- Any copyright is dedicated to the Public Domain.
3 - http://creativecommons.org/publicdomain/zero/1.0/ -->
4 <html>
5 <head>
6 <title>CSS Test: Sticky Positioning - multiframe containing-block element</title>
7 <link rel="author" title="Corey Ford" href="mailto:cford@mozilla.com">
8 <link rel="match" href="column-contain-1-ref.html">
9 <meta name="assert" content="Sticky positioning with a multiple-frame containing-block element should stay contained within the bounding box of all that element's frames">
10 <style>
11 #scroll {
12 overflow: hidden;
13 height: 200px;
14 line-height: 1;
15 }
16 #columns {
17 -moz-column-count: 2;
18 column-count: 2;
19 -moz-column-rule: 1px solid black;
20 column-rule: 1px solid black;
21 height: 200px;
22 width: 200px;
23 }
24 #fill {
25 height: 390px;
26 background: blue;
27 }
28 #sticky {
29 position: sticky;
30 left: 190px;
31 width: 10px;
32 height: 10px;
33 background: black;
34 }
35 </style>
36 </head>
37 <body>
38 <div id="scroll">
39 <div id="columns">
40 <div id="contain">
41 <div id="sticky"></div>
42 <div id="fill"></div>
43 </div>
44 </div>
45 </div>
46 </body>
47 </html>
