OLD | NEW |
(Empty) | |
| 1 <!DOCTYPE html> |
| 2 <p>There should be a green square below.</p> |
| 3 <div style="position:relative;"> |
| 4 <div style="float:left; width:50px; height:100px; background:green;"></div> |
| 5 <div id="invalidSpanner" style="column-span:all; width:50px; background:gree
n;"> |
| 6 <div style="float:left; width:50px; height:100px;"></div> |
| 7 </div> |
| 8 </div> |
| 9 <script src="../../../resources/testharness.js"></script> |
| 10 <script src="../../../resources/testharnessreport.js"></script> |
| 11 <script> |
| 12 test(function() { |
| 13 var invalidSpanner = document.getElementById("invalidSpanner"); |
| 14 // It should not overlap with floats in the same block formatting |
| 15 // context. |
| 16 assert_equals(invalidSpanner.offsetLeft, 50); |
| 17 // It should establish a new block formatting context, so that it |
| 18 // stretches to contain all floats inside. |
| 19 assert_equals(invalidSpanner.offsetHeight, 100); |
| 20 }, "Column spanner without ancestor multicol"); |
| 21 </script> |
OLD | NEW |