OLD | NEW |
(Empty) | |
| 1 <!DOCTYPE html> |
| 2 <p>There should be a blue rectangle centered at the bottom of a brown rectangle.
</p> |
| 3 <div id="house" style="position:relative; columns:3; column-gap:0; line-height:2
0px; width:120px; orphans:1; widows:1; background:brown;"> |
| 4 <br> |
| 5 <br> |
| 6 <br> |
| 7 <div id="doorTop" style="float:left; width:100%; margin-top:20px; background
:blue;"><br></div> |
| 8 <div style="clear:both;"> |
| 9 <div id="doorBottom" style="background:blue;"><br></div> |
| 10 <br> |
| 11 <br> |
| 12 </div> |
| 13 </div> |
| 14 <script src="../../resources/testharness.js"></script> |
| 15 <script src="../../resources/testharnessreport.js"></script> |
| 16 <script> |
| 17 test(() => { |
| 18 var house = document.getElementById("house"); |
| 19 var doorTop = document.getElementById("doorTop"); |
| 20 var doorBottom = document.getElementById("doorBottom"); |
| 21 assert_equals(house.offsetHeight, 60); |
| 22 assert_equals(doorTop.offsetTop, 20); |
| 23 assert_equals(doorTop.offsetHeight, 20); |
| 24 assert_equals(doorBottom.offsetTop, 40); |
| 25 assert_equals(doorBottom.offsetHeight, 20); |
| 26 }, "Float that should be pushed to the top of the second column."); |
| 27 </script> |
OLD | NEW |