| <!DOCTYPE html> |
| <script src="../../resources/check-layout.js"></script> |
| <style> |
| .part { -webkit-column-break-inside:avoid; width:50px; height:100px; background:hotpink; } |
| </style> |
| <p>Check that an overflow:hidden block dodges floats.</p> |
| <p>There should be a hotpink square below.</p> |
| <div style="-webkit-columns:3;"> |
| <div class="part" style="float:left;"></div> |
| <div id="bfc-inflow" class="part" style="overflow:hidden;" data-total-x="58" data-expected-width="50"></div> |
| </div> |
| <p id="result"></p> |
| <script> |
| checkLayout("#bfc-inflow", document.getElementById("result")); |
| </script> |