| OLD | NEW |
| (Empty) | |
| 1 <!DOCTYPE html> |
| 2 <html> |
| 3 <link href="resources/flexbox.css" rel="stylesheet"> |
| 4 <style> |
| 5 .flexbox { |
| 6 width: 600px; |
| 7 height: 160px; |
| 8 outline: 2px solid black; |
| 9 } |
| 10 .item { |
| 11 height: 20px; |
| 12 background-color: green; |
| 13 margin: 5px; |
| 14 } |
| 15 </style> |
| 16 <script src="../../resources/testharness.js"></script> |
| 17 <script src="../../resources/testharnessreport.js"></script> |
| 18 <script src="../../resources/check-layout-th.js"></script> |
| 19 <body onload="checkLayout('.flexbox')"> |
| 20 <div id=log></div> |
| 21 |
| 22 <p>The green boxes should all be within the black box</p> |
| 23 |
| 24 <div class="flexbox column wrap" id="test"> |
| 25 <div class="item" data-expected-width="290"></div> |
| 26 <div class="item" data-expected-width="290"></div> |
| 27 <div class="item" data-expected-width="290"></div> |
| 28 <div class="item" data-expected-width="290"></div> |
| 29 </div> |
| 30 |
| 31 <script> |
| 32 var flex = document.getElementById("test"); |
| 33 flex.offsetWidth; |
| 34 flex.style.height = "60px"; |
| 35 </script> |
| OLD | NEW |