| OLD | NEW | 
 | (Empty) | 
|   1 <!DOCTYPE html> |  | 
|   2 <html> |  | 
|   3     <head> |  | 
|   4         <style> |  | 
|   5             #content { -webkit-flow-into: flow; } |  | 
|   6             #region { -webkit-flow-from: flow; position: absolute; bottom: 0px; 
    right: 0px; width: 100px; background-color: green;} |  | 
|   7             #reference { position: absolute; bottom: 0px; right: 0px; width: 100
    px; height: 150px; background-color: red; } |  | 
|   8         </style> |  | 
|   9     </head> |  | 
|  10     <script src="../../../resources/check-layout.js"></script> |  | 
|  11     <body onload="checkLayout('#region')"> |  | 
|  12         <p>Test that an auto-height region, absolutely positioned with bottom 0,
     is correctly sized and positioned.</p> |  | 
|  13         <p>On success you should see PASS below and a green rectangle in the low
    er right corner.</p> |  | 
|  14         <div id="content"> |  | 
|  15             <div style="width: 100px; height: 50px;"></div> |  | 
|  16             <div style="width: 100px; height: 50px;"></div> |  | 
|  17             <div style="width: 100px; height: 50px;"></div> |  | 
|  18         </div> |  | 
|  19         <div id="reference"></div> |  | 
|  20         <div id="region" data-total-y=0></div> |  | 
|  21         <script> |  | 
|  22             var referenceOffsetTop = document.getElementById('reference').offset
    Top; |  | 
|  23             document.getElementById("region").setAttribute("data-total-y", refer
    enceOffsetTop); |  | 
|  24         </script> |  | 
|  25     </body> |  | 
|  26 </html> |  | 
| OLD | NEW |