1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
|
layer at (0,0) size 800x600 clip at (0,0) size 785x600 scrollHeight 966
LayoutView at (0,0) size 800x600
layer at (0,0) size 785x966 backgroundClip at (0,0) size 785x600 clip at (0,0) size 785x600
LayoutBlockFlow {HTML} at (0,0) size 785x966.13
LayoutBlockFlow {BODY} at (8,8) size 769x950.13
LayoutBlockFlow (anonymous) at (0,0) size 769x40
LayoutText {#text} at (0,0) size 733x39
text run at (0,0) width 733: "All of the boxes below should be 20x20 and look identical. Note that the last inline-block box is positioned higher than the"
text run at (0,20) width 146: "others. This is expected."
LayoutBlockFlow {H1} at (0,61.44) size 769x37
LayoutText {#text} at (0,0) size 203x36
text run at (0,0) width 203: "Normal Blocks"
LayoutBlockFlow {DIV} at (5,119.88) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500] [border: (2px solid #000000)]
LayoutBlockFlow {DIV} at (5,149.88) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500] [border: (2px solid #000000)]
LayoutBlockFlow {DIV} at (5,179.88) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500] [border: (2px solid #000000)]
LayoutBlockFlow {DIV} at (5,209.88) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500] [border: (2px solid #000000)]
LayoutBR {BR} at (6,6) size 0x19
LayoutBR {BR} at (6,26) size 0x19
LayoutBR {BR} at (6,46) size 0x19
LayoutBlockFlow {H1} at (0,251.31) size 769x37
LayoutText {#text} at (0,0) size 177x36
text run at (0,0) width 177: "Inline Blocks"
LayoutBlockFlow (anonymous) at (0,309.75) size 769x71
LayoutBlockFlow {DIV} at (5,41) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500] [border: (2px solid #000000)]
LayoutBlockFlow {DIV} at (35,41) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500] [border: (2px solid #000000)]
LayoutBlockFlow {DIV} at (65,41) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500] [border: (2px solid #000000)]
LayoutBlockFlow {DIV} at (95,10) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500] [border: (2px solid #000000)]
LayoutBR {BR} at (6,6) size 0x19
LayoutBR {BR} at (6,26) size 0x19
LayoutBR {BR} at (6,46) size 0x19
LayoutText {#text} at (0,0) size 0x0
LayoutBlockFlow {H1} at (0,402.19) size 769x37
LayoutText {#text} at (0,0) size 241x36
text run at (0,0) width 241: "Positioned Blocks"
LayoutBlockFlow (anonymous) at (0,460.63) size 769x20
LayoutBR {BR} at (0,0) size 0x19
LayoutBlockFlow {H1} at (0,502.06) size 769x37
LayoutText {#text} at (0,0) size 209x36
text run at (0,0) width 209: "Floating blocks"
LayoutBlockFlow (anonymous) at (0,560.50) size 769x40
LayoutBlockFlow (floating) {DIV} at (5,10) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500] [border: (2px solid #000000)]
LayoutBlockFlow (floating) {DIV} at (35,10) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500] [border: (2px solid #000000)]
LayoutBlockFlow (floating) {DIV} at (65,10) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500] [border: (2px solid #000000)]
LayoutBlockFlow (floating) {DIV} at (95,10) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500] [border: (2px solid #000000)]
LayoutBR {BR} at (6,6) size 0x19
LayoutBR {BR} at (6,26) size 0x19
LayoutBR {BR} at (6,46) size 0x19
LayoutBR {BR} at (120,0) size 0x19
LayoutBlockFlow {H1} at (0,621.94) size 769x37
LayoutText {#text} at (0,0) size 209x36
text run at (0,0) width 209: "Normal Images"
LayoutBlockFlow (anonymous) at (0,680.38) size 769x40
LayoutImage {IMG} at (5,10) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500] [border: (2px solid #000000)]
LayoutImage {IMG} at (35,10) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500] [border: (2px solid #000000)]
LayoutImage {IMG} at (65,10) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500] [border: (2px solid #000000)]
LayoutImage {IMG} at (95,10) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500] [border: (2px solid #000000)]
LayoutText {#text} at (0,0) size 0x0
LayoutBlockFlow {H1} at (0,741.81) size 769x37
LayoutText {#text} at (0,0) size 247x36
text run at (0,0) width 247: "Positioned Images"
LayoutBlockFlow (anonymous) at (0,800.25) size 769x20
LayoutBR {BR} at (0,0) size 0x19
LayoutBlockFlow {H1} at (0,841.69) size 769x37
LayoutText {#text} at (0,0) size 219x36
text run at (0,0) width 219: "Floating Images"
LayoutBlockFlow (anonymous) at (0,900.13) size 769x40
LayoutImage (floating) {IMG} at (5,10) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500] [border: (2px solid #000000)]
LayoutImage (floating) {IMG} at (35,10) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500] [border: (2px solid #000000)]
LayoutImage (floating) {IMG} at (65,10) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500] [border: (2px solid #000000)]
LayoutImage (floating) {IMG} at (95,10) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500] [border: (2px solid #000000)]
LayoutBR {BR} at (120,0) size 0x19
LayoutBlockFlow {HR} at (0,948.13) size 769x2 [border: (1px inset #EEEEEE)]
layer at (13,479) size 20x20
LayoutBlockFlow (positioned) {DIV} at (13,478.63) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500] [border: (2px solid #000000)]
layer at (43,479) size 20x20
LayoutBlockFlow (positioned) {DIV} at (43,478.63) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500] [border: (2px solid #000000)]
layer at (73,479) size 20x20
LayoutBlockFlow (positioned) {DIV} at (73,478.63) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500] [border: (2px solid #000000)]
layer at (103,479) size 20x20
LayoutBlockFlow (positioned) {DIV} at (103,478.63) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500] [border: (2px solid #000000)]
LayoutBR {BR} at (6,6) size 0x19
LayoutBR {BR} at (6,26) size 0x19
LayoutBR {BR} at (6,46) size 0x19
layer at (13,818) size 20x20 backgroundClip at (0,0) size 785x600 clip at (0,0) size 785x600
LayoutImage (positioned) {IMG} at (13,818.25) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500] [border: (2px solid #000000)]
layer at (43,818) size 20x20 backgroundClip at (0,0) size 785x600 clip at (0,0) size 785x600
LayoutImage (positioned) {IMG} at (43,818.25) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500] [border: (2px solid #000000)]
layer at (73,818) size 20x20 backgroundClip at (0,0) size 785x600 clip at (0,0) size 785x600
LayoutImage (positioned) {IMG} at (73,818.25) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500] [border: (2px solid #000000)]
layer at (103,818) size 20x20 backgroundClip at (0,0) size 785x600 clip at (0,0) size 785x600
LayoutImage (positioned) {IMG} at (103,818.25) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500] [border: (2px solid #000000)]
|
