[css-flexbox] Implement new abspos handling

third_party/WebKit/LayoutTests/css3/flexbox/align-absolute-child.html

Index: third_party/WebKit/LayoutTests/css3/flexbox/align-absolute-child.html
diff --git a/third_party/WebKit/LayoutTests/css3/flexbox/align-absolute-child.html b/third_party/WebKit/LayoutTests/css3/flexbox/align-absolute-child.html
index b7c9cf75e821b4352d5e324e42d3a6ebf526f2cd..345ce2c8987aa4f3dc35177ad2247a6f808219e8 100644
--- a/third_party/WebKit/LayoutTests/css3/flexbox/align-absolute-child.html
+++ b/third_party/WebKit/LayoutTests/css3/flexbox/align-absolute-child.html
@@ -73,7 +73,7 @@ body {
 
 <div class='flexbox relative align-items-center'>
     <div data-offset-x=0 data-offset-y=40></div>
-    <div class='absolute' data-offset-x=20 data-offset-y=0></div>
+    <div class='absolute' data-offset-x=0 data-offset-y=40></div>
     <div data-offset-x=20 data-offset-y=40></div>
     <div class="absolute" style="top: 5px; left: 5px" data-offset-x=5 data-offset-y=5></div>
 </div>
@@ -81,7 +81,7 @@ body {
 <div class="relative">
 <div class='flexbox align-items-center'>
     <div data-offset-x=10 data-offset-y=40></div>
-    <div class='absolute' data-offset-x=30 data-offset-y=0></div>
+    <div class='absolute' data-offset-x=10 data-offset-y=40></div>
     <div data-offset-x=30 data-offset-y=40></div>
     <div class="absolute" style="top: 5px; left: 5px" data-offset-x=5 data-offset-y=5></div>
 </div>
@@ -89,7 +89,7 @@ body {
 
 <div class='flexbox relative column rtl'>
     <div data-offset-x=80 data-offset-y=0></div>
-    <div class='absolute' data-offset-x=80 data-offset-y=20></div>
+    <div class='absolute' data-offset-x=80 data-offset-y=0></div>
     <div data-offset-x=80 data-offset-y=20></div>
     <div class="absolute" style="top: 5px; left: 5px" data-offset-x=5 data-offset-y=5></div>
 </div>
@@ -97,44 +97,44 @@ body {
 <div class="relative">
 <div class='flexbox wrap-reverse'>
     <div style="width:90px" data-offset-x=10 data-offset-y=80></div>
-    <div class="absolute" data-offset-x=100 data-offset-y=100></div>
+    <div class="absolute" data-offset-x=10 data-offset-y=80></div>
     <div data-offset-x=10 data-offset-y=30></div>
-    <div class="absolute" data-offset-x=30 data-offset-y=50></div>
+    <div class="absolute" data-offset-x=10 data-offset-y=80></div>
     <div data-offset-x=30 data-offset-y=30></div>
-    <div class="absolute" data-offset-x=50 data-offset-y=50></div>
+    <div class="absolute" data-offset-x=10 data-offset-y=80></div>
     <div class="absolute" style="top: 5px; left: 5px" data-offset-x=5 data-offset-y=5></div>
 </div>
 </div>
 
 <div class='flexbox relative'>
     <div style="margin: auto;" data-offset-x=40 data-offset-y=40></div>
-    <div class="absolute" style="margin: auto;" data-offset-x=100 data-offset-y=0></div>
-    <div class="absolute" style="margin: auto;" data-offset-x=100 data-offset-y=0></div>
+    <div class="absolute" style="margin: auto;" data-offset-x=0 data-offset-y=0></div>
+    <div class="absolute" style="margin: auto;" data-offset-x=0 data-offset-y=0></div>
     <div class="absolute" style="margin: auto; top: 5px; left: 5px" data-offset-x=5 data-offset-y=5></div>
 </div>
 
 <div class='flexbox align-items-stretch relative'>
     <div style="height: auto" data-offset-x=0 data-offset-y=0 data-expected-height=100></div>
-    <div class="absolute" style="height: auto" data-offset-x=20 data-offset-y=0 data-expected-height=0></div>
+    <div class="absolute" style="height: auto" data-offset-x=0 data-offset-y=0 data-expected-height=0></div>
     <div class="absolute" style="height: auto; top: 5px; left: 5px" data-offset-x=5 data-offset-y=5 data-expected-height=0></div>
 </div>
 
 <div class="flexbox wrap relative">
   <div style="width: 100px;" data-offset-x=0 data-offset-y=0></div>
-  <div class="absolute" data-offset-x=100 data-offset-y=0></div>
+  <div class="absolute" data-offset-x=0 data-offset-y=0></div>
   <div style="width: 50px;" data-offset-x=0 data-offset-y=50></div>
-  <div class="absolute" data-offset-x=50 data-offset-y=50></div>
+  <div class="absolute" data-offset-x=0 data-offset-y=0></div>
   <div style="width: 50px;" data-offset-x=50 data-offset-y=50></div>
-  <div class="absolute" data-offset-x=100 data-offset-y=50></div>
+  <div class="absolute" data-offset-x=0 data-offset-y=0></div>
 </div>
 
 <div class="flexbox wrap relative align-items-flex-end">
   <div style="width: 100px;" data-offset-x=0 data-offset-y=30></div>
-  <div class="absolute" data-offset-x=100 data-offset-y=0></div>
+  <div class="absolute" data-offset-x=0 data-offset-y=80></div>
   <div style="width: 50px;" data-offset-x=0 data-offset-y=80></div>
-  <div class="absolute" data-offset-x=50 data-offset-y=50></div>
+  <div class="absolute" data-offset-x=0 data-offset-y=80></div>
   <div style="width: 50px;" data-offset-x=50 data-offset-y=80></div>
-  <div class="absolute" data-offset-x=100 data-offset-y=50></div>
+  <div class="absolute" data-offset-x=0 data-offset-y=80></div>
 </div>