Merge Chromium + Blink git repositories
[chromium-blink-merge.git] / third_party / WebKit / LayoutTests / fast / multicol / float-beside-bfc.html
blob7bcd1548f2466d1848ad3610f82ac8088b6514c2
1 <!DOCTYPE html>
2 <script src="../../resources/check-layout.js"></script>
3 <style>
4 .part { -webkit-column-break-inside:avoid; width:50px; height:100px; background:hotpink; }
5 </style>
6 <p>Check that an overflow:hidden block dodges floats.</p>
7 <p>There should be a hotpink square below.</p>
8 <div style="-webkit-columns:3;">
9 <div class="part" style="float:left;"></div>
10 <div id="bfc-inflow" class="part" style="overflow:hidden;" data-total-x="58" data-expected-width="50"></div>
11 </div>
12 <p id="result"></p>
13 <script>
14 checkLayout("#bfc-inflow", document.getElementById("result"));
15 </script>