OLD | NEW |
(Empty) | |
| 1 <!DOCTYPE html> |
| 2 |
| 3 <style> |
| 4 @import "resources/width-keyword-classes.css"; |
| 5 @import "resources/intrinsic-size-contribution.css"; |
| 6 </style> |
| 7 |
| 8 <script src="../../resources/testharness.js"></script> |
| 9 <script src="../../resources/testharnessreport.js"></script> |
| 10 <script src="../../resources/check-layout-th.js"></script> |
| 11 |
| 12 <body onload="checkLayout('.container')"> |
| 13 <div id=log></div> |
| 14 |
| 15 <div class="container min-content" data-expected-width="60" data-expected-height
="40" data-expected-client-width="50" data-expected-client-height="30"> |
| 16 <div class="item min-content" data-expected-width="50" data-expected-height=
"30">XXX XXXXX</div> |
| 17 </div> |
| 18 |
| 19 <div class="container min-content" data-expected-width="70" data-expected-height
="50" data-expected-client-width="60" data-expected-client-height="40"> |
| 20 <div class="item min-content border" data-expected-width="60" data-expected-
height="40" data-expected-client-width="50" data-expected-client-height="30">XXX
XXXXX</div> |
| 21 </div> |
| 22 |
| 23 <div class="container min-content" data-expected-width="80" data-expected-height
="60" data-expected-client-width="70" data-expected-client-height="50"> |
| 24 <div class="item min-content padding" data-expected-width="70" data-expected
-height="50" data-expected-client-width="70" data-expected-client-height="50">XX
X XXXXX</div> |
| 25 </div> |
| 26 |
| 27 <div class="container min-content" data-expected-width="100" data-expected-heigh
t="80" data-expected-client-width="90" data-expected-client-height="70"> |
| 28 <div class="item min-content margin" data-expected-width="50" data-expected-
height="30" data-expected-client-width="50" data-expected-client-height="30">XXX
XXXXX</div> |
| 29 </div> |
| 30 |
| 31 <div class="container min-content" data-expected-width="90" data-expected-height
="70" data-expected-client-width="80" data-expected-client-height="60"> |
| 32 <div class="item min-content border padding" data-expected-width="80" data-e
xpected-height="60" data-expected-client-width="70" data-expected-client-height=
"50">XXX XXXXX</div> |
| 33 </div> |
| 34 |
| 35 <div class="container min-content" data-expected-width="110" data-expected-heigh
t="90" data-expected-client-width="100" data-expected-client-height="80"> |
| 36 <div class="item min-content border margin" data-expected-width="60" data-ex
pected-height="40" data-expected-client-width="50" data-expected-client-height="
30">XXX XXXXX</div> |
| 37 </div> |
| 38 |
| 39 <div class="container min-content" data-expected-width="130" data-expected-heigh
t="110" data-expected-client-width="120" data-expected-client-height="100"> |
| 40 <div class="item min-content border padding margin" data-expected-width="80"
data-expected-height="60" data-expected-client-width="70" data-expected-client-
height="50">XXX XXXXX</div> |
| 41 </div> |
| 42 |
| 43 <div class="container max-content" data-expected-width="60" data-expected-height
="40" data-expected-client-width="50" data-expected-client-height="30"> |
| 44 <div class="item min-content" data-expected-width="50" data-expected-height=
"30">XXX XXXXX</div> |
| 45 </div> |
| 46 |
| 47 <div class="container max-content" data-expected-width="70" data-expected-height
="50" data-expected-client-width="60" data-expected-client-height="40"> |
| 48 <div class="item min-content border" data-expected-width="60" data-expected-
height="40" data-expected-client-width="50" data-expected-client-height="30">XXX
XXXXX</div> |
| 49 </div> |
| 50 |
| 51 <div class="container max-content" data-expected-width="80" data-expected-height
="60" data-expected-client-width="70" data-expected-client-height="50"> |
| 52 <div class="item min-content padding" data-expected-width="70" data-expected
-height="50" data-expected-client-width="70" data-expected-client-height="50">XX
X XXXXX</div> |
| 53 </div> |
| 54 |
| 55 <div class="container max-content" data-expected-width="100" data-expected-heigh
t="80" data-expected-client-width="90" data-expected-client-height="70"> |
| 56 <div class="item min-content margin" data-expected-width="50" data-expected-
height="30" data-expected-client-width="50" data-expected-client-height="30">XXX
XXXXX</div> |
| 57 </div> |
| 58 |
| 59 <div class="container max-content" data-expected-width="90" data-expected-height
="70" data-expected-client-width="80" data-expected-client-height="60"> |
| 60 <div class="item min-content border padding" data-expected-width="80" data-e
xpected-height="60" data-expected-client-width="70" data-expected-client-height=
"50">XXX XXXXX</div> |
| 61 </div> |
| 62 |
| 63 <div class="container max-content" data-expected-width="110" data-expected-heigh
t="90" data-expected-client-width="100" data-expected-client-height="80"> |
| 64 <div class="item min-content border margin" data-expected-width="60" data-ex
pected-height="40" data-expected-client-width="50" data-expected-client-height="
30">XXX XXXXX</div> |
| 65 </div> |
| 66 |
| 67 <div class="container max-content" data-expected-width="130" data-expected-heigh
t="110" data-expected-client-width="120" data-expected-client-height="100"> |
| 68 <div class="item min-content border padding margin" data-expected-width="80"
data-expected-height="60" data-expected-client-width="70" data-expected-client-
height="50">XXX XXXXX</div> |
| 69 </div> |
| 70 |
| 71 <div class="container fit-content" data-expected-width="60" data-expected-height
="40" data-expected-client-width="50" data-expected-client-height="30"> |
| 72 <div class="item min-content" data-expected-width="50" data-expected-height=
"30">XXX XXXXX</div> |
| 73 </div> |
| 74 |
| 75 <div class="container fit-content" data-expected-width="70" data-expected-height
="50" data-expected-client-width="60" data-expected-client-height="40"> |
| 76 <div class="item min-content border" data-expected-width="60" data-expected-
height="40" data-expected-client-width="50" data-expected-client-height="30">XXX
XXXXX</div> |
| 77 </div> |
| 78 |
| 79 <div class="container fit-content" data-expected-width="80" data-expected-height
="60" data-expected-client-width="70" data-expected-client-height="50"> |
| 80 <div class="item min-content padding" data-expected-width="70" data-expected
-height="50" data-expected-client-width="70" data-expected-client-height="50">XX
X XXXXX</div> |
| 81 </div> |
| 82 |
| 83 <div class="container fit-content" data-expected-width="100" data-expected-heigh
t="80" data-expected-client-width="90" data-expected-client-height="70"> |
| 84 <div class="item min-content margin" data-expected-width="50" data-expected-
height="30" data-expected-client-width="50" data-expected-client-height="30">XXX
XXXXX</div> |
| 85 </div> |
| 86 |
| 87 <div class="container fit-content" data-expected-width="90" data-expected-height
="70" data-expected-client-width="80" data-expected-client-height="60"> |
| 88 <div class="item min-content border padding" data-expected-width="80" data-e
xpected-height="60" data-expected-client-width="70" data-expected-client-height=
"50">XXX XXXXX</div> |
| 89 </div> |
| 90 |
| 91 <div class="container fit-content" data-expected-width="110" data-expected-heigh
t="90" data-expected-client-width="100" data-expected-client-height="80"> |
| 92 <div class="item min-content border margin" data-expected-width="60" data-ex
pected-height="40" data-expected-client-width="50" data-expected-client-height="
30">XXX XXXXX</div> |
| 93 </div> |
| 94 |
| 95 <div class="container fit-content" data-expected-width="130" data-expected-heigh
t="110" data-expected-client-width="120" data-expected-client-height="100"> |
| 96 <div class="item min-content border padding margin" data-expected-width="80"
data-expected-height="60" data-expected-client-width="70" data-expected-client-
height="50">XXX XXXXX</div> |
| 97 </div> |
| 98 |
| 99 </body> |
OLD | NEW |