webkit-box-abspos-children-1.html (1059B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>Testcase: simple positioning of abspos children in -webkit-box</title> 5 <style> 6 .container { 7 border: 1px solid black; 8 width: 200px; 9 } 10 .box { display: -webkit-box } 11 .inline-box { display: -webkit-inline-box } 12 .abs { position: absolute } 13 .a { border: 3px solid purple } 14 .b { border: 3px solid orange } 15 </style> 16 </head> 17 <body> 18 <!-- Test abspos child in -webkit-box: --> 19 <div class="container box"> 20 <div class="a abs">aa</div> 21 <div class="b">bbbb</div> 22 </div> 23 <div class="container box"> 24 <div class="a">aa</div> 25 <div class="b abs">bbbb</div> 26 </div> 27 28 <!-- Test abspos child in -webkit-inline-box: --> 29 <div class="container inline-box"> 30 <div class="a abs">aa</div> 31 <div class="b">bbbb</div> 32 </div> 33 34 <div class="container inline-box" 35 style="vertical-align: top"> 36 <!-- XXXdholbert 'vertical-align' here is a hackaround for bug 1328792 --> 37 <div class="a">aa</div> 38 <div class="b abs">bbbb</div> 39 </div> 40 41 </body> 42 </html>