layout/reftests/position-sticky/column-contain-2-ref.html@7e26c7da4463
layout/reftests/position-sticky/column-contain-2-ref.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 <link rel="author" title="Corey Ford" href="mailto:corey@coreyford.name">
7 <style>
8 #scroll {
9 overflow: hidden;
10 height: 200px;
11 line-height: 1;
12 }
13 #columns {
14 -moz-column-count: 2;
15 column-count: 2;
16 -moz-column-rule: 1px solid black;
17 column-rule: 1px solid black;
18 height: 200px;
19 width: 200px;
20 }
21 #contain {
22 padding-bottom: 10px;
23 border-bottom: 10px solid gray;
24 }
25 #fill {
26 height: 370px;
27 background: blue;
28 }
29 #sticky {
30 position: relative;
31 top: 190px;
32 width: 10px;
33 height: 10px;
34 background: black;
35 }
36 </style>
37 </head>
38 <body>
39 <div id="scroll">
40 <div id="columns">
41 <div id="contain">
42 <div id="sticky"></div>
43 <div id="fill"></div>
44 </div>
45 </div>
46 </div>
47 </body>
48 </html>
