1 layer at (0,0) size 800x600 clip at (0,0) size 785x585 scrollWidth 1518 scrollHeight 3172
2 LayoutView at (0,0) size 800x600
3 layer at (0,0) size 785x3172 backgroundClip at (0,0) size 785x585 clip at (0,0) size 785x585
4 LayoutBlockFlow {HTML} at (0,0) size 785x3172
5 LayoutBlockFlow {BODY} at (8,8) size 769x3148
6 LayoutBlockFlow (anonymous) at (0,0) size 769x40
7 LayoutText {#text} at (0,0) size 741x39
8 text run at (0,0) width 711: "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 (711,0) width 30: "They"
10 text run at (0,20) width 539: "should be 100px tall and not overlap one another at all. They should be stacked vertically."
11 LayoutBlockFlow {DIV} at (0,56) size 720x240 [border: (10px solid #000000)]
12 LayoutText {#text} at (10,10) size 294x19
13 text run at (10,10) width 294: "You should see blue and green rectangles below."
14 LayoutBR {BR} at (304,25) size 0x0
15 LayoutBlockFlow (floating) {DIV} at (10,30) size 1500x100 [bgcolor=#0000FF]
16 LayoutText {#text} at (0,0) size 0x0
17 LayoutBlockFlow (floating) {DIV} at (10,130) size 1500x100 [bgcolor=#008000]
18 LayoutText {#text} at (0,0) size 0x0
19 LayoutBlockFlow {DIV} at (0,312) size 720x240 [border: (10px solid #000000)]
20 LayoutText {#text} at (10,10) size 152x19
21 text run at (10,10) width 152: "You should see blue and "
22 LayoutBlockFlow (floating) {DIV} at (10,30) size 1500x100 [bgcolor=#0000FF]
23 LayoutText {#text} at (0,0) size 0x0
24 LayoutBlockFlow (floating) {DIV} at (10,130) size 1500x100 [bgcolor=#008000]
25 LayoutText {#text} at (162,10) size 142x19
26 text run at (162,10) width 142: "green rectangles below."
27 LayoutBlockFlow {DIV} at (0,568) size 720x240 [border: (10px solid #000000)]
28 LayoutBlockFlow (floating) {DIV} at (10,10) size 1500x100 [bgcolor=#0000FF]
29 LayoutBlockFlow (floating) {DIV} at (10,110) size 1500x100 [bgcolor=#008000]
30 LayoutBR {BR} at (1510,10) size 0x19
31 LayoutText {#text} at (10,210) size 294x19
32 text run at (10,210) width 294: "You should see blue and green rectangles above."
33 LayoutBlockFlow {DIV} at (0,824) size 720x240 [border: (10px solid #000000)]
34 LayoutBlockFlow (floating) {DIV} at (10,10) size 1500x100 [bgcolor=#0000FF]
35 LayoutBlockFlow (floating) {DIV} at (10,110) size 1500x100 [bgcolor=#008000]
36 LayoutText {#text} at (10,210) size 294x19
37 text run at (10,210) width 294: "You should see blue and green rectangles above."
38 LayoutBlockFlow {DIV} at (0,1080) size 720x240 [border: (10px solid #000000)]
39 LayoutBlockFlow (floating) {DIV} at (10,10) size 1500x100 [bgcolor=#0000FF]
40 LayoutText {#text} at (10,110) size 271x19
41 text run at (10,110) width 271: "You should see blue above and green below."
42 LayoutBlockFlow (floating) {DIV} at (10,130) size 1500x100 [bgcolor=#008000]
43 LayoutText {#text} at (0,0) size 0x0
44 LayoutBlockFlow {DIV} at (0,1336) size 720x240 [border: (10px solid #000000)]
45 LayoutBlockFlow (floating) {DIV} at (10,10) size 1500x100 [bgcolor=#0000FF]
46 LayoutText {#text} at (10,110) size 271x19
47 text run at (10,110) width 271: "You should see blue above and green below."
48 LayoutBR {BR} at (281,125) size 0x0
49 LayoutBlockFlow (floating) {DIV} at (10,130) size 1500x100 [bgcolor=#008000]
50 LayoutText {#text} at (0,0) size 0x0
51 LayoutBlockFlow (anonymous) at (0,1592) size 769x20
52 LayoutText {#text} at (0,0) size 544x19
53 text run at (0,0) width 544: "The next examples should have blue and green rectangles that snugly fit without spilling out."
54 LayoutBlockFlow {DIV} at (0,1628) size 720x240 [border: (10px solid #000000)]
55 LayoutText {#text} at (10,10) size 294x19
56 text run at (10,10) width 294: "You should see blue and green rectangles below."
57 LayoutBR {BR} at (304,25) size 0x0
58 LayoutBlockFlow (floating) {DIV} at (10,30) size 698x100 [bgcolor=#0000FF]
59 LayoutText {#text} at (0,0) size 0x0
60 LayoutBlockFlow (floating) {DIV} at (10,130) size 698x100 [bgcolor=#008000]
61 LayoutText {#text} at (0,0) size 0x0
62 LayoutBlockFlow {DIV} at (0,1884) size 720x240 [border: (10px solid #000000)]
63 LayoutText {#text} at (10,10) size 294x19
64 text run at (10,10) width 294: "You should see blue and green rectangles below."
65 LayoutBlockFlow (floating) {DIV} at (10,30) size 698x100 [bgcolor=#0000FF]
66 LayoutText {#text} at (0,0) size 0x0
67 LayoutBlockFlow (floating) {DIV} at (10,130) size 698x100 [bgcolor=#008000]
68 LayoutText {#text} at (0,0) size 0x0
69 LayoutBlockFlow {DIV} at (0,2140) size 720x240 [border: (10px solid #000000)]
70 LayoutBlockFlow (floating) {DIV} at (10,10) size 698x100 [bgcolor=#0000FF]
71 LayoutBlockFlow (floating) {DIV} at (10,110) size 698x100 [bgcolor=#008000]
72 LayoutBR {BR} at (708,10) size 0x19
73 LayoutText {#text} at (10,210) size 294x19
74 text run at (10,210) width 294: "You should see blue and green rectangles above."
75 LayoutBlockFlow {DIV} at (0,2396) size 720x240 [border: (10px solid #000000)]
76 LayoutBlockFlow (floating) {DIV} at (10,10) size 698x100 [bgcolor=#0000FF]
77 LayoutBlockFlow (floating) {DIV} at (10,110) size 698x100 [bgcolor=#008000]
78 LayoutText {#text} at (10,210) size 294x19
79 text run at (10,210) width 294: "You should see blue and green rectangles above."
80 LayoutBlockFlow {DIV} at (0,2652) size 720x240 [border: (10px solid #000000)]
81 LayoutBlockFlow (floating) {DIV} at (10,10) size 698x100 [bgcolor=#0000FF]
82 LayoutText {#text} at (10,110) size 271x19
83 text run at (10,110) width 271: "You should see blue above and green below."
84 LayoutBlockFlow (floating) {DIV} at (10,130) size 698x100 [bgcolor=#008000]
85 LayoutText {#text} at (0,0) size 0x0
86 LayoutBlockFlow {DIV} at (0,2908) size 720x240 [border: (10px solid #000000)]
87 LayoutBlockFlow (floating) {DIV} at (10,10) size 698x100 [bgcolor=#0000FF]
88 LayoutText {#text} at (10,110) size 271x19
89 text run at (10,110) width 271: "You should see blue above and green below."
90 LayoutBR {BR} at (281,125) size 0x0
91 LayoutBlockFlow (floating) {DIV} at (10,130) size 698x100 [bgcolor=#008000]
92 LayoutText {#text} at (0,0) size 0x0