OLD | NEW |
| (Empty) |
1 <!DOCTYPE HTML> | |
2 | |
3 <style> | |
4 body { -webkit-margin-collapse: separate; } | |
5 | |
6 .flowA { -webkit-flow-into: flowA; } | |
7 .flowB { -webkit-flow-into: flowB; } | |
8 .flowC { -webkit-flow-into: flowC; } | |
9 | |
10 .regionFlowA { -webkit-flow-from: flowA; } | |
11 .regionFlowB { -webkit-flow-from: flowB; } | |
12 .regionFlowC { -webkit-flow-from: flowC; } | |
13 | |
14 .regionFlowA, .regionFlowB, .regionFlowC { width: 0px; height: 0px; } | |
15 </style> | |
16 | |
17 <div class="flowA"> | |
18 <div class="regionFlowB"></div> | |
19 </div> | |
20 | |
21 <div class="flowB"> | |
22 <div class="regionFlowC"></div> | |
23 </div> | |
24 | |
25 <div class="flowC"> | |
26 <!-- The following region will initially be invalid. Removing regionFlowC sh
ould make it valid again. --> | |
27 <div class="regionFlowA"></div> | |
28 </div> | |
29 | |
30 <!-- Force the creation of the flows. In the future we might avoid creating flow
s if there are no reachable regions. --> | |
31 <div class="regionFlowA"></div> | |
32 | |
33 <script> | |
34 document.body.offsetTop; // force layout | |
35 var el = document.getElementsByClassName("regionFlowC")[0]; | |
36 el.parentNode.removeChild(el); | |
37 </script> | |
OLD | NEW |