3 <link href=
"resources/grid.css" rel=
"stylesheet">
7 grid-template-columns:
50px
100px
150px;
8 grid-template-rows:
25px
50px
100px;
11 border:
5px solid black;
22 /* Ensures that the element is the containing block of the absolutely positioned elements. */
31 <script src=
"../../resources/check-layout.js"></script>
32 <body onload=
"checkLayout('.container')">
34 <p>This test checks the behavior of the absolutely positioned elements with a grid container as parent.
</p>
36 <div class=
"container relative">
38 <div class=
"sizedToGridArea absolute autoRowAutoColumn" data-offset-x=
"50" data-offset-y=
"10" data-expected-width=
"500" data-expected-height=
"400"></div>
42 <div class=
"container relative">
44 <div class=
"sizedToGridArea absolute firstRowFirstColumn" data-offset-x=
"50" data-offset-y=
"10" data-expected-width=
"500" data-expected-height=
"400"></div>
48 <div class=
"container relative">
50 <div class=
"sizedToGridArea absolute secondRowSecondColumn" data-offset-x=
"50" data-offset-y=
"10" data-expected-width=
"500" data-expected-height=
"400"></div>
54 <div class=
"container">
55 <div class=
"grid relative">
56 <div class=
"sizedToGridArea absolute autoRowAutoColumn" data-offset-x=
"15" data-offset-y=
"5" data-expected-width=
"330" data-expected-height=
"210"></div>
60 <div class=
"container">
61 <div class=
"grid relative">
62 <div class=
"sizedToGridArea absolute firstRowFirstColumn" data-offset-x=
"15" data-offset-y=
"5" data-expected-width=
"315" data-expected-height=
"205"></div>
66 <div class=
"container">
67 <div class=
"grid relative">
68 <div class=
"sizedToGridArea absolute secondRowSecondColumn" data-offset-x=
"65" data-offset-y=
"30" data-expected-width=
"265" data-expected-height=
"180"></div>