OLD | NEW |
---|---|
(Empty) | |
1 <!DOCTYPE html> | |
2 <script src="../../resources/check-layout.js"></script> | |
3 <style> | |
4 .part { -webkit-column-break-inside:avoid; width:50px; height:100px; backgro und: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> | |
OLD | NEW |