layout/reftests/floats/1291110-1-ref.html

   1 <!DOCTYPE html>
   2 <style>
   3 .container {
   4   position: relative;
   5   width: 250px;
   6   height: 300px;
   7   border: 1px solid blue;
   8 }
   9
  10 .float1 {
  11   position: absolute;
  12   width: 100px;
  13   height: 50px;
  14   background-color: green;
  15 }
  16
  17 .float2 {
  18   position: absolute;
  19   top: 50px;
  20   width: 180px;
  21   height: 50px;
  22   background-color: lightgreen;
  23 }
  24
  25 .box {
  26   position: absolute;
  27   left: 180px;
  28   width: 30px;
  29   height: 80px;
  30   background-color: blue;
  31 }
  32 </style>
  33
  34 <div class="container">
  35   <div class="float1"></div>
  36   <div class="float2"></div>
  37   <div class="box"></div>
  38 </div>
  39 <p>The test pass if the inline blue box does not overlap any of the green float boxes.</p>