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 953
LayoutView at (0,0) size 800x600
layer at (0,0) size 785x953 backgroundClip at (0,0) size 785x600 clip at (0,0) size 785x600
LayoutBlockFlow {HTML} at (0,0) size 785x953.13
LayoutBlockFlow {BODY} at (8,8) size 769x937.13
LayoutBlockFlow (anonymous) at (0,0) size 769x36
LayoutText {#text} at (0,0) size 763x35
text run at (0,0) width 763: "All of the boxes below should be 20x20 and look identical. Note that the last inline-block box is positioned higher than"
text run at (0,18) width 179: "the others. This is expected."
LayoutBlockFlow {H1} at (0,57.44) size 769x37
LayoutText {#text} at (0,0) size 204x36
text run at (0,0) width 204: "Normal Blocks"
LayoutBlockFlow {DIV} at (5,115.88) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500] [border: (2px solid #000000)]
LayoutBlockFlow {DIV} at (5,145.88) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500] [border: (2px solid #000000)]
LayoutBlockFlow {DIV} at (5,175.88) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500] [border: (2px solid #000000)]
LayoutBlockFlow {DIV} at (5,205.88) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500] [border: (2px solid #000000)]
LayoutBR {BR} at (6,6) size 0x17
LayoutBR {BR} at (6,24) size 0x17
LayoutBR {BR} at (6,42) size 0x17
LayoutBlockFlow {H1} at (0,247.31) size 769x37
LayoutText {#text} at (0,0) size 179x36
text run at (0,0) width 179: "Inline Blocks"
LayoutBlockFlow (anonymous) at (0,305.75) size 769x66
LayoutBlockFlow {DIV} at (5,36) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500] [border: (2px solid #000000)]
LayoutBlockFlow {DIV} at (35,36) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500] [border: (2px solid #000000)]
LayoutBlockFlow {DIV} at (65,36) 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 0x17
LayoutBR {BR} at (6,24) size 0x17
LayoutBR {BR} at (6,42) size 0x17
LayoutText {#text} at (0,0) size 0x0
LayoutBlockFlow {H1} at (0,393.19) size 769x37
LayoutText {#text} at (0,0) size 241x36
text run at (0,0) width 241: "Positioned Blocks"
LayoutBlockFlow (anonymous) at (0,451.63) size 769x18
LayoutBR {BR} at (0,0) size 0x17
LayoutBlockFlow {H1} at (0,491.06) size 769x37
LayoutText {#text} at (0,0) size 209x36
text run at (0,0) width 209: "Floating blocks"
LayoutBlockFlow (anonymous) at (0,549.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 0x17
LayoutBR {BR} at (6,24) size 0x17
LayoutBR {BR} at (6,42) size 0x17
LayoutBR {BR} at (120,0) size 0x17
LayoutBlockFlow {H1} at (0,610.94) size 769x37
LayoutText {#text} at (0,0) size 211x36
text run at (0,0) width 211: "Normal Images"
LayoutBlockFlow (anonymous) at (0,669.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,730.81) size 769x37
LayoutText {#text} at (0,0) size 248x36
text run at (0,0) width 248: "Positioned Images"
LayoutBlockFlow (anonymous) at (0,789.25) size 769x18
LayoutBR {BR} at (0,0) size 0x17
LayoutBlockFlow {H1} at (0,828.69) size 769x37
LayoutText {#text} at (0,0) size 220x36
text run at (0,0) width 220: "Floating Images"
LayoutBlockFlow (anonymous) at (0,887.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 0x17
LayoutBlockFlow {HR} at (0,935.13) size 769x2 [border: (1px inset #EEEEEE)]
layer at (13,470) size 20x20
LayoutBlockFlow (positioned) {DIV} at (13,469.63) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500] [border: (2px solid #000000)]
layer at (43,470) size 20x20
LayoutBlockFlow (positioned) {DIV} at (43,469.63) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500] [border: (2px solid #000000)]
layer at (73,470) size 20x20
LayoutBlockFlow (positioned) {DIV} at (73,469.63) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500] [border: (2px solid #000000)]
layer at (103,470) size 20x20
LayoutBlockFlow (positioned) {DIV} at (103,469.63) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500] [border: (2px solid #000000)]
LayoutBR {BR} at (6,6) size 0x17
LayoutBR {BR} at (6,24) size 0x17
LayoutBR {BR} at (6,42) size 0x17
layer at (13,807) size 20x20 backgroundClip at (0,0) size 785x600 clip at (0,0) size 785x600
LayoutImage (positioned) {IMG} at (13,807.25) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500] [border: (2px solid #000000)]
layer at (43,807) size 20x20 backgroundClip at (0,0) size 785x600 clip at (0,0) size 785x600
LayoutImage (positioned) {IMG} at (43,807.25) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500] [border: (2px solid #000000)]
layer at (73,807) size 20x20 backgroundClip at (0,0) size 785x600 clip at (0,0) size 785x600
LayoutImage (positioned) {IMG} at (73,807.25) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500] [border: (2px solid #000000)]
layer at (103,807) size 20x20 backgroundClip at (0,0) size 785x600 clip at (0,0) size 785x600
LayoutImage (positioned) {IMG} at (103,807.25) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500] [border: (2px solid #000000)]
|
