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
|
layer at (0,0) size 800x600
LayoutView at (0,0) size 800x600
layer at (0,0) size 800x600
LayoutBlockFlow {HTML} at (0,0) size 800x600
LayoutBlockFlow {BODY} at (8,8) size 784x584
LayoutBlockFlow {P} at (0,0) size 784x80
LayoutText {#text} at (0,0) size 764x79
text run at (0,0) width 430: "You should see a black box below that is the width of the content area. "
text run at (429,0) width 244: "It contains alternating struts and springs. "
text run at (672,0) width 83: "The struts are"
text run at (0,20) width 220: "bordered in green and are inflexible. "
text run at (220,20) width 544: "The springs are bordered in purple and should grow and shrink as you resize your browser"
text run at (0,40) width 55: "window. "
text run at (54,40) width 687: "The black box should get taller when you make your window wider and get shorter when you shrink your browser"
text run at (0,60) width 51: "window."
LayoutDeprecatedFlexibleBox {DIV} at (0,96) size 784x56 [border: (2px solid #000000)]
LayoutDeprecatedFlexibleBox {DIV} at (6,6) size 38x44 [border: (2px solid #008000)]
LayoutBlockFlow (anonymous) at (2,2) size 34x40
LayoutText {#text} at (0,0) size 34x19
text run at (0,0) width 34: "Fixed"
LayoutDeprecatedFlexibleBox {DIV} at (48,6) size 198.67x44 [border: (2px solid #800080)]
LayoutBlockFlow (anonymous) at (2,2) size 194.67x40
LayoutText {#text} at (0,0) size 181x39
text run at (0,0) width 174: "This is a flexible block, and it"
text run at (0,20) width 181: "will shrink or grow as needed."
LayoutDeprecatedFlexibleBox {DIV} at (250.67,6) size 38x44 [border: (2px solid #008000)]
LayoutBlockFlow (anonymous) at (2,2) size 34x40
LayoutText {#text} at (0,0) size 34x19
text run at (0,0) width 34: "Fixed"
LayoutDeprecatedFlexibleBox {DIV} at (292.67,6) size 198.67x44 [border: (2px solid #800080)]
LayoutBlockFlow (anonymous) at (2,2) size 194.67x40
LayoutText {#text} at (0,0) size 181x39
text run at (0,0) width 174: "This is a flexible block, and it"
text run at (0,20) width 181: "will shrink or grow as needed."
LayoutDeprecatedFlexibleBox {DIV} at (495.34,6) size 38x44 [border: (2px solid #008000)]
LayoutBlockFlow (anonymous) at (2,2) size 34x40
LayoutText {#text} at (0,0) size 34x19
text run at (0,0) width 34: "Fixed"
LayoutDeprecatedFlexibleBox {DIV} at (537.34,6) size 198.66x44 [border: (2px solid #800080)]
LayoutBlockFlow (anonymous) at (2,2) size 194.66x40
LayoutText {#text} at (0,0) size 181x39
text run at (0,0) width 174: "This is a flexible block, and it"
text run at (0,20) width 181: "will shrink or grow as needed."
LayoutDeprecatedFlexibleBox {DIV} at (740,6) size 38x44 [border: (2px solid #008000)]
LayoutBlockFlow (anonymous) at (2,2) size 34x40
LayoutText {#text} at (0,0) size 34x19
text run at (0,0) width 34: "Fixed"
|
