layout/reftests/box/flexbox-child-is-abspos-container-2.html@6474c204b198
layout/reftests/box/flexbox-child-is-abspos-container-2.html
Wed, 31 Dec 2014 06:09:35 +0100
- author
- Michael Schloh von Bennewitz <michael@schloh.com>
- date
- Wed, 31 Dec 2014 06:09:35 +0100
- changeset 0
- 6474c204b198
- permissions
- -rw-r--r--
Cloned upstream origin tor-browser at tor-browser-31.3.0esr-4.5-1-build1
revision ID fc1c9ff7c1b2defdbc039f12214767608f46423f for hacking purpose.
1 <!-- Any copyright is dedicated to the Public Domain.
2 http://creativecommons.org/publicdomain/zero/1.0/ -->
3 <!-- This testcase has a -moz-box element with a block as its only child, which
4 forms a containing block for an absolutely positioned grandchild. Also, in
5 this case, the grandchild is taller than its parent and grandparent. -->
6 <html>
7 <head>
8 <style>
9 body { margin-top: 50px }
10 .box { display: -moz-box }
11 .relpos_parent {
12 position: relative;
13 width: 100px;
14 height: 100px;
15 background: lightblue;
16 }
17 .abspos_child {
18 position: absolute;
19 left: 30px;
20 bottom: 10px;
21 width: 20px;
22 height: 130px;
23 background: purple;
24 }
25 </style>
26 </head>
27 <body>
28 <div class="box">
29 <div class="relpos_parent">
30 <div class="abspos_child"></div>
31 </div>
32 </div>
33 </body>
34 </html>
