Update CSS tests to revision 0698c2aa9ead844b6d7d10eafb096cb1118e13ef

This commit is contained in:
Ms2ger
2015-12-09 01:48:05 -05:00
parent 9aa1b1e408
commit 35c74aecc2
11290 changed files with 92400 additions and 49214 deletions

View File

@@ -31,32 +31,32 @@
background-attachment: scroll;
background-repeat: no-repeat;
height: 100px; /* therefore padding box is 300px tall */
padding: 100px;
padding: 100px;
position: relative;
width: 200px; /* therefore padding box is 400px wide */
}
/*
In this testcase, the point coordinates of the background-image
are (14px, 84px) and such inner point of the background-image will
be placed at the point 14% across and 84% down the padding box of
In this testcase, the point coordinates of the background-image
are (14px, 84px) and such inner point of the background-image will
be placed at the point 14% across and 84% down the padding box of
div#nearest-positioned-ancestor.
Calculations of 100x100-red position coordinates within #nearest-positioned-ancestor
====================================================================================
along the horizontal axis
-------------------------
56px (14% of #nearest-positioned-ancestor's padding box width)
- 14px (14% of 100x100-red's width)
------------------
42px (overlapping green box's left offset within #nearest-positioned-ancestor)
42px (overlapping green box's left offset within #nearest-positioned-ancestor)
42px represents exactly 10.5% of #nearest-positioned-ancestor's padding box
42px represents exactly 10.5% of #nearest-positioned-ancestor's padding box
width (400px)
along the vertical axis
-----------------------
@@ -64,8 +64,8 @@
- 84px (84% of 100x100-red's height)
------------------
168px (overlapping green box's top offset within #nearest-positioned-ancestor)
168px represents exactly 56% of #nearest-positioned-ancestor's padding box
168px represents exactly 56% of #nearest-positioned-ancestor's padding box
height (300px)
*/