1 layer at (0,0) size 800x600 clip at (0,0) size 785x585 scrollWidth 1518 scrollHeight 3166
2 LayoutView at (0,0) size 800x600
3 layer at (0,0) size 785x3166 backgroundClip at (0,0) size 785x585 clip at (0,0) size 785x585
4 LayoutBlockFlow {HTML} at (0,0) size 785x3166
5 LayoutBlockFlow {BODY} at (8,8) size 769x3142
6 LayoutBlockFlow (anonymous) at (0,0) size 769x36
7 LayoutText {#text} at (0,0) size 762x36
8 text run at (0,0) width 762: "In all of the examples, you should be able to see blue and green rectangles that spill way out of their containing blocks."
9 text run at (0,18) width 613: "They should be 100px tall and not overlap one another at all. They should be stacked vertically."
10 LayoutBlockFlow {DIV} at (0,52) size 720x240 [border: (10px solid #000000)]
11 LayoutText {#text} at (10,10) size 313x18
12 text run at (10,10) width 313: "You should see blue and green rectangles below."
13 LayoutBR {BR} at (322,24) size 1x0
14 LayoutBlockFlow (floating) {DIV} at (10,28) size 1500x100 [bgcolor=#0000FF]
15 LayoutText {#text} at (0,0) size 0x0
16 LayoutBlockFlow (floating) {DIV} at (10,128) size 1500x100 [bgcolor=#008000]
17 LayoutText {#text} at (0,0) size 0x0
18 LayoutBlockFlow {DIV} at (0,308) size 720x240 [border: (10px solid #000000)]
19 LayoutText {#text} at (10,10) size 162x18
20 text run at (10,10) width 162: "You should see blue and "
21 LayoutBlockFlow (floating) {DIV} at (10,28) size 1500x100 [bgcolor=#0000FF]
22 LayoutText {#text} at (0,0) size 0x0
23 LayoutBlockFlow (floating) {DIV} at (10,128) size 1500x100 [bgcolor=#008000]
24 LayoutText {#text} at (171,10) size 152x18
25 text run at (171,10) width 152: "green rectangles below."
26 LayoutBlockFlow {DIV} at (0,564) size 720x240 [border: (10px solid #000000)]
27 LayoutBlockFlow (floating) {DIV} at (10,10) size 1500x100 [bgcolor=#0000FF]
28 LayoutBlockFlow (floating) {DIV} at (10,110) size 1500x100 [bgcolor=#008000]
29 LayoutBR {BR} at (1510,10) size 0x18
30 LayoutText {#text} at (10,210) size 312x18
31 text run at (10,210) width 312: "You should see blue and green rectangles above."
32 LayoutBlockFlow {DIV} at (0,820) size 720x240 [border: (10px solid #000000)]
33 LayoutBlockFlow (floating) {DIV} at (10,10) size 1500x100 [bgcolor=#0000FF]
34 LayoutBlockFlow (floating) {DIV} at (10,110) size 1500x100 [bgcolor=#008000]
35 LayoutText {#text} at (10,210) size 312x18
36 text run at (10,210) width 312: "You should see blue and green rectangles above."
37 LayoutBlockFlow {DIV} at (0,1076) size 720x240 [border: (10px solid #000000)]
38 LayoutBlockFlow (floating) {DIV} at (10,10) size 1500x100 [bgcolor=#0000FF]
39 LayoutText {#text} at (10,110) size 287x18
40 text run at (10,110) width 287: "You should see blue above and green below."
41 LayoutBlockFlow (floating) {DIV} at (10,128) size 1500x100 [bgcolor=#008000]
42 LayoutText {#text} at (0,0) size 0x0
43 LayoutBlockFlow {DIV} at (0,1332) size 720x240 [border: (10px solid #000000)]
44 LayoutBlockFlow (floating) {DIV} at (10,10) size 1500x100 [bgcolor=#0000FF]
45 LayoutText {#text} at (10,110) size 287x18
46 text run at (10,110) width 287: "You should see blue above and green below."
47 LayoutBR {BR} at (296,124) size 1x0
48 LayoutBlockFlow (floating) {DIV} at (10,128) size 1500x100 [bgcolor=#008000]
49 LayoutText {#text} at (0,0) size 0x0
50 LayoutBlockFlow (anonymous) at (0,1588) size 769x18
51 LayoutText {#text} at (0,0) size 595x18
52 text run at (0,0) width 595: "The next examples should have blue and green rectangles that snugly fit without spilling out."
53 LayoutBlockFlow {DIV} at (0,1622) size 720x240 [border: (10px solid #000000)]
54 LayoutText {#text} at (10,10) size 313x18
55 text run at (10,10) width 313: "You should see blue and green rectangles below."
56 LayoutBR {BR} at (322,24) size 1x0
57 LayoutBlockFlow (floating) {DIV} at (10,28) size 698x100 [bgcolor=#0000FF]
58 LayoutText {#text} at (0,0) size 0x0
59 LayoutBlockFlow (floating) {DIV} at (10,128) size 698x100 [bgcolor=#008000]
60 LayoutText {#text} at (0,0) size 0x0
61 LayoutBlockFlow {DIV} at (0,1878) size 720x240 [border: (10px solid #000000)]
62 LayoutText {#text} at (10,10) size 313x18
63 text run at (10,10) width 313: "You should see blue and green rectangles below."
64 LayoutBlockFlow (floating) {DIV} at (10,28) size 698x100 [bgcolor=#0000FF]
65 LayoutText {#text} at (0,0) size 0x0
66 LayoutBlockFlow (floating) {DIV} at (10,128) size 698x100 [bgcolor=#008000]
67 LayoutText {#text} at (0,0) size 0x0
68 LayoutBlockFlow {DIV} at (0,2134) size 720x240 [border: (10px solid #000000)]
69 LayoutBlockFlow (floating) {DIV} at (10,10) size 698x100 [bgcolor=#0000FF]
70 LayoutBlockFlow (floating) {DIV} at (10,110) size 698x100 [bgcolor=#008000]
71 LayoutBR {BR} at (708,10) size 0x18
72 LayoutText {#text} at (10,210) size 312x18
73 text run at (10,210) width 312: "You should see blue and green rectangles above."
74 LayoutBlockFlow {DIV} at (0,2390) size 720x240 [border: (10px solid #000000)]
75 LayoutBlockFlow (floating) {DIV} at (10,10) size 698x100 [bgcolor=#0000FF]
76 LayoutBlockFlow (floating) {DIV} at (10,110) size 698x100 [bgcolor=#008000]
77 LayoutText {#text} at (10,210) size 312x18
78 text run at (10,210) width 312: "You should see blue and green rectangles above."
79 LayoutBlockFlow {DIV} at (0,2646) size 720x240 [border: (10px solid #000000)]
80 LayoutBlockFlow (floating) {DIV} at (10,10) size 698x100 [bgcolor=#0000FF]
81 LayoutText {#text} at (10,110) size 287x18
82 text run at (10,110) width 287: "You should see blue above and green below."
83 LayoutBlockFlow (floating) {DIV} at (10,128) size 698x100 [bgcolor=#008000]
84 LayoutText {#text} at (0,0) size 0x0
85 LayoutBlockFlow {DIV} at (0,2902) size 720x240 [border: (10px solid #000000)]
86 LayoutBlockFlow (floating) {DIV} at (10,10) size 698x100 [bgcolor=#0000FF]
87 LayoutText {#text} at (10,110) size 287x18
88 text run at (10,110) width 287: "You should see blue above and green below."
89 LayoutBR {BR} at (296,124) size 1x0
90 LayoutBlockFlow (floating) {DIV} at (10,128) size 698x100 [bgcolor=#008000]
91 LayoutText {#text} at (0,0) size 0x0