1.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000
1.2 +++ b/layout/reftests/box/flexbox-child-is-abspos-container-2.html Wed Dec 31 06:09:35 2014 +0100
1.3 @@ -0,0 +1,34 @@
1.4 +<!-- Any copyright is dedicated to the Public Domain.
1.5 + http://creativecommons.org/publicdomain/zero/1.0/ -->
1.6 +<!-- This testcase has a -moz-box element with a block as its only child, which
1.7 + forms a containing block for an absolutely positioned grandchild. Also, in
1.8 + this case, the grandchild is taller than its parent and grandparent. -->
1.9 +<html>
1.10 + <head>
1.11 + <style>
1.12 + body { margin-top: 50px }
1.13 + .box { display: -moz-box }
1.14 + .relpos_parent {
1.15 + position: relative;
1.16 + width: 100px;
1.17 + height: 100px;
1.18 + background: lightblue;
1.19 + }
1.20 + .abspos_child {
1.21 + position: absolute;
1.22 + left: 30px;
1.23 + bottom: 10px;
1.24 + width: 20px;
1.25 + height: 130px;
1.26 + background: purple;
1.27 + }
1.28 + </style>
1.29 + </head>
1.30 + <body>
1.31 + <div class="box">
1.32 + <div class="relpos_parent">
1.33 + <div class="abspos_child"></div>
1.34 + </div>
1.35 + </div>
1.36 + </body>
1.37 +</html>
