b9380a8a03
All checks were successful
ci / fast (linux) (push) Successful in 6m43s
The strut half-leading calculation in apply_vertical_align used the effective line height (inflated by tall inline-block elements like images) instead of the CSS computed line-height. For a line with a 76px image and CSS line-height: 15px, the strut got half_leading = (76 - font_height)/2 ≈ 30, inflating descent by ~30px. This caused floated containers to overflow their parents, leaking through shared BFC float contexts and displacing sibling floats. Fixes: pass CSS computed line-height separately for strut calculation; also pass parent font family/weight/style for accurate strut metrics. Adds float=left/right annotations to layout tree dumps for debugging. 32 WPT tests promoted from known_fail to pass. BMOW page sidebar moves from x=73 to x=829 (correct float:right), content from y=4375 to y=114. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
510 lines
24 KiB
Plaintext
510 lines
24 KiB
Plaintext
LayoutBox node=#1 tag=html box=block
|
|
content: (0, 0, 800, 1442.4318)
|
|
padding: 0 0 0 0
|
|
border: 0 0 0 0
|
|
margin: 0 0 0 0
|
|
LayoutBox node=#8 tag=body box=block
|
|
content: (20, 20, 760, 1402.4318)
|
|
padding: 20 20 20 20
|
|
border: 0 0 0 0
|
|
margin: 0 0 0 0
|
|
LayoutBox node=#10 tag=h3 box=block
|
|
content: (20, 38.72, 760, 22.464005)
|
|
padding: 0 0 0 0
|
|
border: 0 0 0 0
|
|
margin: 18.72 0 18.72 0
|
|
inline_context: 1 lines, height=22.464005, max_width=216.32458
|
|
line[0]: rect=(20, 38.72, 216.32458, 22.464003) fragments=5
|
|
frag[0]: rect=(20, 40.592003, 29.000881, 18.72) text="Test" start=false end=false
|
|
frag[1]: rect=(52.574448, 40.592003, 11.724052, 18.72) text="1:" start=false end=false
|
|
frag[2]: rect=(67.87207, 40.592003, 49.136562, 18.72) text="Nested" start=false end=false
|
|
frag[3]: rect=(120.58221, 40.592003, 41.90696, 18.72) text="Mixed" start=false end=false
|
|
frag[4]: rect=(166.06273, 40.592003, 70.26185, 18.72) text="Box-Sizing" start=false end=false
|
|
LayoutBox node=#11 tag=anonymous box=anon
|
|
content: (0, 0, 216.32455, 18.72)
|
|
padding: 0 0 0 0
|
|
border: 0 0 0 0
|
|
margin: 0 0 0 0
|
|
text: "Test 1: Nested Mixed..."
|
|
LayoutBox node=#13 tag=div box=block
|
|
content: (35, 94.90401, 200, 100)
|
|
padding: 10 10 10 10
|
|
border: 5 5 5 5
|
|
margin: 0 0 0 0
|
|
LayoutBox node=#14 tag=(anonymous-block) box=block
|
|
content: (35, 94.90401, 200, 19.199997)
|
|
padding: 0 0 0 0
|
|
border: 0 0 0 0
|
|
margin: 0 0 0 0
|
|
inline_context: 1 lines, height=19.199997, max_width=104.9633
|
|
line[0]: rect=(35, 94.90401, 104.9633, 19.2) fragments=2
|
|
frag[0]: rect=(35, 96.504005, 32.152718, 16) text="Outer" start=false end=false
|
|
frag[1]: rect=(70.20705, 96.504005, 66.70191, 16) text="content-box" start=false end=false
|
|
LayoutBox node=#14 tag=anonymous box=anon
|
|
content: (0, 0, 108.01762, 16)
|
|
padding: 0 0 0 0
|
|
border: 0 0 0 0
|
|
margin: 0 0 0 0
|
|
text: " Outer content-box "
|
|
LayoutBox node=#15 tag=div box=block
|
|
content: (47, 126.104004, 176, 26)
|
|
padding: 8 8 8 8
|
|
border: 4 4 4 4
|
|
margin: 0 0 0 0
|
|
inline_context: 1 lines, height=19.199997, max_width=169.31572
|
|
line[0]: rect=(47, 126.104004, 169.31572, 19.2) fragments=4
|
|
frag[0]: rect=(47, 127.704, 29.979443, 16) text="Inner" start=false end=false
|
|
frag[1]: rect=(80.033775, 127.704, 62.21439, 16) text="border-box" start=false end=false
|
|
frag[2]: rect=(145.3025, 127.704, 33.444935, 16) text="(100%" start=false end=false
|
|
frag[3]: rect=(181.80177, 127.704, 34.51395, 16) text="width)" start=false end=false
|
|
LayoutBox node=#16 tag=anonymous box=anon
|
|
content: (0, 0, 169.31572, 16)
|
|
padding: 0 0 0 0
|
|
border: 0 0 0 0
|
|
margin: 0 0 0 0
|
|
text: "Inner border-box (10..."
|
|
LayoutBox node=#19 tag=h3 box=block
|
|
content: (20, 228.62401, 760, 22.464005)
|
|
padding: 0 0 0 0
|
|
border: 0 0 0 0
|
|
margin: 18.72 0 18.72 0
|
|
inline_context: 1 lines, height=22.464005, max_width=191.79065
|
|
line[0]: rect=(20, 228.62401, 191.79065, 22.464003) fragments=4
|
|
frag[0]: rect=(20, 230.496, 29.000881, 18.72) text="Test" start=false end=false
|
|
frag[1]: rect=(52.574448, 230.496, 11.724052, 18.72) text="2:" start=false end=false
|
|
frag[2]: rect=(67.87207, 230.496, 60.84687, 18.72) text="Min/Max" start=false end=false
|
|
frag[3]: rect=(132.2925, 230.496, 79.498146, 18.72) text="Constraints" start=false end=false
|
|
LayoutBox node=#20 tag=anonymous box=anon
|
|
content: (0, 0, 191.79062, 18.72)
|
|
padding: 0 0 0 0
|
|
border: 0 0 0 0
|
|
margin: 0 0 0 0
|
|
text: "Test 2: Min/Max Cons..."
|
|
LayoutBox node=#22 tag=div box=block
|
|
content: (35, 284.808, 120, 38.400024)
|
|
padding: 10 10 10 10
|
|
border: 5 5 5 5
|
|
margin: 0 0 0 0
|
|
inline_context: 2 lines, height=38.400024, max_width=98.57269
|
|
line[0]: rect=(35, 284.808, 98.57269, 19.2) fragments=2
|
|
frag[0]: rect=(35, 286.40802, 58.866375, 16) text="Min-width:" start=false end=false
|
|
frag[1]: rect=(96.92071, 286.40802, 33.59765, 16) text="150px" start=false end=false
|
|
line[1]: rect=(35, 304.00803, 71.11894, 19.2) fragments=2
|
|
frag[0]: rect=(35, 305.60803, 37.662262, 16) text="(width:" start=false end=false
|
|
frag[1]: rect=(75.71659, 305.60803, 30.40235, 16) text="80px)" start=false end=false
|
|
LayoutBox node=#23 tag=anonymous box=anon
|
|
content: (0, 0, 169.69164, 16)
|
|
padding: 0 0 0 0
|
|
border: 0 0 0 0
|
|
margin: 0 0 0 0
|
|
text: "Min-width: 150px (wi..."
|
|
LayoutBox node=#25 tag=div box=block
|
|
content: (40, 358.20804, 160, 38.400024)
|
|
padding: 12 12 12 12
|
|
border: 8 8 8 8
|
|
margin: 0 0 0 0
|
|
inline_context: 2 lines, height=38.400024, max_width=141.80324
|
|
line[0]: rect=(40, 358.20804, 141.80324, 19.2) fragments=3
|
|
frag[0]: rect=(40, 359.80804, 61.38032, 16) text="Max-width:" start=false end=false
|
|
frag[1]: rect=(104.434654, 359.80804, 33.59765, 16) text="200px" start=false end=false
|
|
frag[2]: rect=(141.08664, 359.80804, 37.662262, 16) text="(width:" start=false end=false
|
|
line[1]: rect=(40, 377.40805, 37.12188, 19.2) fragments=1
|
|
frag[0]: rect=(40, 379.00806, 37.12188, 16) text="300px)" start=false end=false
|
|
LayoutBox node=#26 tag=anonymous box=anon
|
|
content: (0, 0, 178.92513, 16)
|
|
padding: 0 0 0 0
|
|
border: 0 0 0 0
|
|
margin: 0 0 0 0
|
|
text: "Max-width: 200px (wi..."
|
|
LayoutBox node=#28 tag=h3 box=block
|
|
content: (20, 435.32806, 760, 22.46399)
|
|
padding: 0 0 0 0
|
|
border: 0 0 0 0
|
|
margin: 18.72 0 18.72 0
|
|
inline_context: 1 lines, height=22.46399, max_width=147.17604
|
|
line[0]: rect=(20, 435.32806, 147.17604, 22.464003) fragments=4
|
|
frag[0]: rect=(20, 437.20007, 29.000881, 18.72) text="Test" start=false end=false
|
|
frag[1]: rect=(52.574448, 437.20007, 11.724052, 18.72) text="3:" start=false end=false
|
|
frag[2]: rect=(67.87207, 437.20007, 27.791367, 18.72) text="Flex" start=false end=false
|
|
frag[3]: rect=(99.23701, 437.20007, 67.93903, 18.72) text="Container" start=false end=false
|
|
LayoutBox node=#29 tag=anonymous box=anon
|
|
content: (0, 0, 147.17603, 18.72)
|
|
padding: 0 0 0 0
|
|
border: 0 0 0 0
|
|
margin: 0 0 0 0
|
|
text: "Test 3: Flex Contain..."
|
|
LayoutBox node=#31 tag=div box=flex
|
|
content: (25, 481.51205, 400, 90)
|
|
padding: 5 5 5 5
|
|
border: 0 0 0 0
|
|
margin: 0 0 0 0
|
|
LayoutBox node=#33 tag=div box=block
|
|
content: (40, 496.51205, 90, 50)
|
|
padding: 10 10 10 10
|
|
border: 5 5 5 5
|
|
margin: 0 0 0 0
|
|
inline_context: 2 lines, height=38.399994, max_width=65.67988
|
|
line[0]: rect=(40, 496.51205, 65.67988, 19.2) fragments=1
|
|
frag[0]: rect=(40, 498.11206, 62.62555, 16) text="Border-box" start=false end=false
|
|
line[1]: rect=(40, 515.71204, 33.59765, 19.2) fragments=1
|
|
frag[0]: rect=(40, 517.312, 33.59765, 16) text="120px" start=false end=false
|
|
LayoutBox node=#34 tag=anonymous box=anon
|
|
content: (0, 0, 99.27753, 16)
|
|
padding: 0 0 0 0
|
|
border: 0 0 0 0
|
|
margin: 0 0 0 0
|
|
text: "Border-box 120px"
|
|
LayoutBox node=#36 tag=div box=block
|
|
content: (170, 496.51205, 80, 60)
|
|
padding: 10 10 10 10
|
|
border: 5 5 5 5
|
|
margin: 0 0 0 0
|
|
inline_context: 2 lines, height=38.399994, max_width=71.541855
|
|
line[0]: rect=(170, 496.51205, 71.541855, 19.2) fragments=1
|
|
frag[0]: rect=(170, 498.11206, 68.48752, 16) text="Content-box" start=false end=false
|
|
line[1]: rect=(170, 515.71204, 26.878113, 19.2) fragments=1
|
|
frag[0]: rect=(170, 517.312, 26.87812, 16) text="80px" start=false end=false
|
|
LayoutBox node=#37 tag=anonymous box=anon
|
|
content: (0, 0, 98.41997, 16)
|
|
padding: 0 0 0 0
|
|
border: 0 0 0 0
|
|
margin: 0 0 0 0
|
|
text: "Content-box 80px"
|
|
LayoutBox node=#40 tag=h3 box=block
|
|
content: (20, 595.23206, 760, 22.46399)
|
|
padding: 0 0 0 0
|
|
border: 0 0 0 0
|
|
margin: 18.72 0 18.72 0
|
|
inline_context: 1 lines, height=22.46399, max_width=230.64633
|
|
line[0]: rect=(20, 595.23206, 230.64633, 22.464003) fragments=6
|
|
frag[0]: rect=(20, 597.10406, 29.000881, 18.72) text="Test" start=false end=false
|
|
frag[1]: rect=(52.574448, 597.10406, 11.724052, 18.72) text="4:" start=false end=false
|
|
frag[2]: rect=(67.87207, 597.10406, 27.791367, 18.72) text="Flex" start=false end=false
|
|
frag[3]: rect=(99.23701, 597.10406, 30.773922, 18.72) text="with" start=false end=false
|
|
frag[4]: rect=(133.58449, 597.10406, 78.20616, 18.72) text="Percentage" start=false end=false
|
|
frag[5]: rect=(215.36421, 597.10406, 35.282112, 18.72) text="Basis" start=false end=false
|
|
LayoutBox node=#41 tag=anonymous box=anon
|
|
content: (0, 0, 230.64635, 18.72)
|
|
padding: 0 0 0 0
|
|
border: 0 0 0 0
|
|
margin: 0 0 0 0
|
|
text: "Test 4: Flex with Pe..."
|
|
LayoutBox node=#43 tag=div box=flex
|
|
content: (25, 641.416, 500, 100)
|
|
padding: 5 5 5 5
|
|
border: 0 0 0 0
|
|
margin: 0 0 0 0
|
|
LayoutBox node=#45 tag=div box=block
|
|
content: (50, 666.416, 150, 50)
|
|
padding: 15 15 15 15
|
|
border: 10 10 10 10
|
|
margin: 0 0 0 0
|
|
inline_context: 1 lines, height=19.200012, max_width=80.10573
|
|
line[0]: rect=(50, 666.416, 80.10573, 19.2) fragments=2
|
|
frag[0]: rect=(50, 668.016, 53.85022, 16) text="Flex-basis" start=false end=false
|
|
frag[1]: rect=(106.90455, 668.016, 23.201176, 16) text="40%" start=false end=false
|
|
LayoutBox node=#46 tag=anonymous box=anon
|
|
content: (0, 0, 80.10573, 16)
|
|
padding: 0 0 0 0
|
|
border: 0 0 0 0
|
|
margin: 0 0 0 0
|
|
text: "Flex-basis 40%"
|
|
LayoutBox node=#48 tag=div box=block
|
|
content: (250, 666.416, 150, 50)
|
|
padding: 15 15 15 15
|
|
border: 10 10 10 10
|
|
margin: 0 0 0 0
|
|
inline_context: 1 lines, height=19.200012, max_width=80.10571
|
|
line[0]: rect=(250, 666.416, 80.10571, 19.2) fragments=2
|
|
frag[0]: rect=(250, 668.016, 53.85022, 16) text="Flex-basis" start=false end=false
|
|
frag[1]: rect=(306.90454, 668.016, 23.201176, 16) text="40%" start=false end=false
|
|
LayoutBox node=#49 tag=anonymous box=anon
|
|
content: (0, 0, 80.10573, 16)
|
|
padding: 0 0 0 0
|
|
border: 0 0 0 0
|
|
margin: 0 0 0 0
|
|
text: "Flex-basis 40%"
|
|
LayoutBox node=#52 tag=h3 box=block
|
|
content: (20, 765.136, 760, 22.46399)
|
|
padding: 0 0 0 0
|
|
border: 0 0 0 0
|
|
margin: 18.72 0 18.72 0
|
|
inline_context: 1 lines, height=22.46399, max_width=127.59013
|
|
line[0]: rect=(20, 765.136, 127.59013, 22.464003) fragments=4
|
|
frag[0]: rect=(20, 767.008, 29.000881, 18.72) text="Test" start=false end=false
|
|
frag[1]: rect=(52.574448, 767.008, 11.724052, 18.72) text="5:" start=false end=false
|
|
frag[2]: rect=(67.87207, 767.008, 28.890924, 18.72) text="Grid" start=false end=false
|
|
frag[3]: rect=(100.33656, 767.008, 47.25357, 18.72) text="Layout" start=false end=false
|
|
LayoutBox node=#53 tag=anonymous box=anon
|
|
content: (0, 0, 127.590126, 18.72)
|
|
padding: 0 0 0 0
|
|
border: 0 0 0 0
|
|
margin: 0 0 0 0
|
|
text: "Test 5: Grid Layout"
|
|
LayoutBox node=#55 tag=div box=grid
|
|
content: (25, 811.31995, 320, 170)
|
|
padding: 5 5 5 5
|
|
border: 0 0 0 0
|
|
margin: 0 0 0 0
|
|
LayoutBox node=#57 tag=div box=block
|
|
content: (40, 826.31995, 120, 50)
|
|
padding: 10 10 10 10
|
|
border: 5 5 5 5
|
|
margin: 0 0 0 0
|
|
inline_context: 1 lines, height=19.200012, max_width=34.22026
|
|
line[0]: rect=(40, 826.31995, 34.22026, 19.2) fragments=2
|
|
frag[0]: rect=(40, 827.9199, 23.659325, 16) text="Grid" start=false end=false
|
|
frag[1]: rect=(66.71365, 827.9199, 7.506608, 16) text="A" start=false end=false
|
|
LayoutBox node=#58 tag=anonymous box=anon
|
|
content: (0, 0, 34.220264, 16)
|
|
padding: 0 0 0 0
|
|
border: 0 0 0 0
|
|
margin: 0 0 0 0
|
|
text: "Grid A"
|
|
LayoutBox node=#60 tag=div box=block
|
|
content: (200, 826.31995, 120, 50)
|
|
padding: 10 10 10 10
|
|
border: 5 5 5 5
|
|
margin: 0 0 0 0
|
|
inline_context: 1 lines, height=19.200012, max_width=34.349503
|
|
line[0]: rect=(200, 826.31995, 34.349503, 19.2) fragments=2
|
|
frag[0]: rect=(200, 827.9199, 23.659325, 16) text="Grid" start=false end=false
|
|
frag[1]: rect=(226.71367, 827.9199, 7.6358294, 16) text="B" start=false end=false
|
|
LayoutBox node=#61 tag=anonymous box=anon
|
|
content: (0, 0, 34.349487, 16)
|
|
padding: 0 0 0 0
|
|
border: 0 0 0 0
|
|
margin: 0 0 0 0
|
|
text: "Grid B"
|
|
LayoutBox node=#63 tag=div box=block
|
|
content: (40, 916.31995, 120, 50)
|
|
padding: 10 10 10 10
|
|
border: 5 5 5 5
|
|
margin: 0 0 0 0
|
|
inline_context: 1 lines, height=19.200012, max_width=34.13803
|
|
line[0]: rect=(40, 916.31995, 34.13803, 19.2) fragments=2
|
|
frag[0]: rect=(40, 917.9199, 23.659325, 16) text="Grid" start=false end=false
|
|
frag[1]: rect=(66.71365, 917.9199, 7.424376, 16) text="C" start=false end=false
|
|
LayoutBox node=#64 tag=anonymous box=anon
|
|
content: (0, 0, 34.138035, 16)
|
|
padding: 0 0 0 0
|
|
border: 0 0 0 0
|
|
margin: 0 0 0 0
|
|
text: "Grid C"
|
|
LayoutBox node=#66 tag=div box=block
|
|
content: (200, 916.31995, 120, 50)
|
|
padding: 10 10 10 10
|
|
border: 5 5 5 5
|
|
margin: 0 0 0 0
|
|
inline_context: 1 lines, height=19.200012, max_width=35.28929
|
|
line[0]: rect=(200, 916.31995, 35.28929, 19.2) fragments=2
|
|
frag[0]: rect=(200, 917.9199, 23.659325, 16) text="Grid" start=false end=false
|
|
frag[1]: rect=(226.71367, 917.9199, 8.5756235, 16) text="D" start=false end=false
|
|
LayoutBox node=#67 tag=anonymous box=anon
|
|
content: (0, 0, 35.28928, 16)
|
|
padding: 0 0 0 0
|
|
border: 0 0 0 0
|
|
margin: 0 0 0 0
|
|
text: "Grid D"
|
|
LayoutBox node=#70 tag=h3 box=block
|
|
content: (20, 1005.0399, 760, 22.46399)
|
|
padding: 0 0 0 0
|
|
border: 0 0 0 0
|
|
margin: 18.72 0 18.72 0
|
|
inline_context: 1 lines, height=22.46399, max_width=197.46713
|
|
line[0]: rect=(20, 1005.0399, 197.46713, 22.464003) fragments=5
|
|
frag[0]: rect=(20, 1006.9119, 29.000881, 18.72) text="Test" start=false end=false
|
|
frag[1]: rect=(52.574448, 1006.9119, 11.724052, 18.72) text="6:" start=false end=false
|
|
frag[2]: rect=(67.87207, 1006.9119, 37.151367, 18.72) text="Table" start=false end=false
|
|
frag[3]: rect=(108.59701, 1006.9119, 24.561409, 18.72) text="(UA" start=false end=false
|
|
frag[4]: rect=(136.73198, 1006.9119, 80.73516, 18.72) text="border-box)" start=false end=false
|
|
LayoutBox node=#71 tag=anonymous box=anon
|
|
content: (0, 0, 197.46712, 18.72)
|
|
padding: 0 0 0 0
|
|
border: 0 0 0 0
|
|
margin: 0 0 0 0
|
|
text: "Test 6: Table (UA bo..."
|
|
LayoutBox node=#73 tag=table box=table
|
|
content: (21, 1047.2239, 95.770935, 74.4)
|
|
padding: 0 0 0 0
|
|
border: 1 1 1 1
|
|
margin: 0 0 0 0
|
|
LayoutBox node=#75 tag=tbody box=table-row-group
|
|
content: (21, 1047.2239, 95.770935, 74.3999)
|
|
padding: 0 0 0 0
|
|
border: 0 0 0 0
|
|
margin: 0 0 0 0
|
|
LayoutBox node=#76 tag=tr box=table-row
|
|
content: (21, 1047.2239, 95.770935, 36.7)
|
|
padding: 0 0 0 0
|
|
border: 0 0 0 0
|
|
margin: 0 0 0 0
|
|
LayoutBox node=#78 tag=td box=table-cell
|
|
content: (30, 1056.2239, 29.885468, 19.2)
|
|
padding: 8 8 8 8
|
|
border: 1 0.5 0.5 1
|
|
margin: 0 0 0 0
|
|
inline_context: 1 lines, height=19.2, max_width=29.885468
|
|
line[0]: rect=(30, 1056.2239, 29.885468, 19.2) fragments=2
|
|
frag[0]: rect=(30, 1056.2239, 20.111603, 16) text="Cell" start=false end=false
|
|
frag[1]: rect=(53.165936, 1056.2239, 6.71953, 16) text="1" start=false end=false
|
|
LayoutBox node=#79 tag=anonymous box=anon
|
|
content: (0, 1056.2239, 29.885466, 16)
|
|
padding: 0 0 0 0
|
|
border: 0 0 0 0
|
|
margin: 0 0 0 0
|
|
text: "Cell 1"
|
|
LayoutBox node=#81 tag=td box=table-cell
|
|
content: (77.88547, 1056.2239, 29.885468, 19.2)
|
|
padding: 8 8 8 8
|
|
border: 1 1 0.5 0.5
|
|
margin: 0 0 0 0
|
|
inline_context: 1 lines, height=19.2, max_width=29.88546
|
|
line[0]: rect=(77.88547, 1056.2239, 29.88546, 19.2) fragments=2
|
|
frag[0]: rect=(77.88547, 1056.2239, 20.111603, 16) text="Cell" start=false end=false
|
|
frag[1]: rect=(101.0514, 1056.2239, 6.71953, 16) text="2" start=false end=false
|
|
LayoutBox node=#82 tag=anonymous box=anon
|
|
content: (0, 1056.2239, 29.885466, 16)
|
|
padding: 0 0 0 0
|
|
border: 0 0 0 0
|
|
margin: 0 0 0 0
|
|
text: "Cell 2"
|
|
LayoutBox node=#85 tag=tr box=table-row
|
|
content: (21, 1084.9238, 95.770935, 36.7)
|
|
padding: 0 0 0 0
|
|
border: 0 0 0 0
|
|
margin: 0 0 0 0
|
|
LayoutBox node=#87 tag=td box=table-cell
|
|
content: (30, 1093.4238, 29.885468, 19.2)
|
|
padding: 8 8 8 8
|
|
border: 0.5 0.5 1 1
|
|
margin: 0 0 0 0
|
|
inline_context: 1 lines, height=19.2, max_width=29.885468
|
|
line[0]: rect=(30, 1093.4238, 29.885468, 19.2) fragments=2
|
|
frag[0]: rect=(30, 1093.4238, 20.111603, 16) text="Cell" start=false end=false
|
|
frag[1]: rect=(53.165936, 1093.4238, 6.71953, 16) text="3" start=false end=false
|
|
LayoutBox node=#88 tag=anonymous box=anon
|
|
content: (0, 1093.4238, 29.885466, 16)
|
|
padding: 0 0 0 0
|
|
border: 0 0 0 0
|
|
margin: 0 0 0 0
|
|
text: "Cell 3"
|
|
LayoutBox node=#90 tag=td box=table-cell
|
|
content: (77.88547, 1093.4238, 29.885468, 19.2)
|
|
padding: 8 8 8 8
|
|
border: 0.5 1 1 0.5
|
|
margin: 0 0 0 0
|
|
inline_context: 1 lines, height=19.2, max_width=29.88546
|
|
line[0]: rect=(77.88547, 1093.4238, 29.88546, 19.2) fragments=2
|
|
frag[0]: rect=(77.88547, 1093.4238, 20.111603, 16) text="Cell" start=false end=false
|
|
frag[1]: rect=(101.0514, 1093.4238, 6.71953, 16) text="4" start=false end=false
|
|
LayoutBox node=#91 tag=anonymous box=anon
|
|
content: (0, 1093.4238, 29.885466, 16)
|
|
padding: 0 0 0 0
|
|
border: 0 0 0 0
|
|
margin: 0 0 0 0
|
|
text: "Cell 4"
|
|
LayoutBox node=#95 tag=h3 box=block
|
|
content: (20, 1141.3439, 760, 22.46399)
|
|
padding: 0 0 0 0
|
|
border: 0 0 0 0
|
|
margin: 18.72 0 18.72 0
|
|
inline_context: 1 lines, height=22.46399, max_width=130.83383
|
|
line[0]: rect=(20, 1141.3439, 130.83383, 22.464003) fragments=3
|
|
frag[0]: rect=(20, 1143.2158, 29.000881, 18.72) text="Test" start=false end=false
|
|
frag[1]: rect=(52.574448, 1143.2158, 11.724052, 18.72) text="7:" start=false end=false
|
|
frag[2]: rect=(67.87207, 1143.2158, 82.96177, 18.72) text="Shrink-to-fit" start=false end=false
|
|
LayoutBox node=#96 tag=anonymous box=anon
|
|
content: (0, 0, 130.83383, 18.72)
|
|
padding: 0 0 0 0
|
|
border: 0 0 0 0
|
|
margin: 0 0 0 0
|
|
text: "Test 7: Shrink-to-fi..."
|
|
LayoutBox node=#98 tag=div box=block float=left
|
|
content: (35, 1197.5278, 150, 19.199951)
|
|
padding: 10 10 10 10
|
|
border: 5 5 5 5
|
|
margin: 0 10 0 0
|
|
inline_context: 1 lines, height=19.199951, max_width=92.33479
|
|
line[0]: rect=(35, 1197.5278, 92.33479, 19.2) fragments=2
|
|
frag[0]: rect=(35, 1199.1278, 27.066078, 16) text="Float" start=false end=false
|
|
frag[1]: rect=(65.12041, 1199.1278, 62.21439, 16) text="border-box" start=false end=false
|
|
LayoutBox node=#99 tag=anonymous box=anon
|
|
content: (0, 0, 92.3348, 16)
|
|
padding: 0 0 0 0
|
|
border: 0 0 0 0
|
|
margin: 0 0 0 0
|
|
text: "Float border-box"
|
|
LayoutBox node=#100 tag=(anonymous-block) box=block
|
|
content: (20, 1182.5278, 760, 60)
|
|
padding: 0 0 0 0
|
|
border: 0 0 0 0
|
|
margin: 0 0 0 0
|
|
inline_context: 1 lines, height=60, max_width=143.05432
|
|
line[0]: rect=(210, 1182.5278, 143.05432, 60) fragments=1
|
|
frag[0]: rect=(210, 1182.5278, 140, 60) text=(none) start=false end=false
|
|
LayoutBox node=#100 tag=anonymous box=anon
|
|
content: (0, 0, 3.0543318, 16)
|
|
padding: 0 0 0 0
|
|
border: 0 0 0 0
|
|
margin: 0 0 0 0
|
|
text: " "
|
|
LayoutBox node=#101 tag=div box=inline-block
|
|
content: (222, 1194.5278, 116, 36)
|
|
padding: 8 8 8 8
|
|
border: 4 4 4 4
|
|
margin: 0 0 0 0
|
|
inline_context: 1 lines, height=19.199951, max_width=64.2467
|
|
line[0]: rect=(222, 1194.5278, 64.2467, 19.2) fragments=1
|
|
frag[0]: rect=(222, 1196.1278, 64.2467, 16) text="Inline-block" start=false end=false
|
|
LayoutBox node=#102 tag=anonymous box=anon
|
|
content: (190, 0, 64.2467, 16)
|
|
padding: 0 0 0 0
|
|
border: 0 0 0 0
|
|
margin: 0 0 0 0
|
|
text: "Inline-block"
|
|
LayoutBox node=#103 tag=anonymous box=anon
|
|
content: (0, 0, 3.0543318, 16)
|
|
padding: 0 0 0 0
|
|
border: 0 0 0 0
|
|
margin: 0 0 0 0
|
|
text: " "
|
|
LayoutBox node=#104 tag=div box=block
|
|
content: (20, 1242.5278, 760, 0)
|
|
padding: 0 0 0 0
|
|
border: 0 0 0 0
|
|
margin: 0 0 0 0
|
|
inline_context: 0 lines, height=0, max_width=0
|
|
LayoutBox node=#106 tag=h3 box=block
|
|
content: (20, 1261.2478, 760, 22.46399)
|
|
padding: 0 0 0 0
|
|
border: 0 0 0 0
|
|
margin: 18.72 0 18.72 0
|
|
inline_context: 1 lines, height=22.46399, max_width=242.50781
|
|
line[0]: rect=(20, 1261.2478, 242.50781, 22.464003) fragments=4
|
|
frag[0]: rect=(20, 1263.1198, 29.000881, 18.72) text="Test" start=false end=false
|
|
frag[1]: rect=(52.574448, 1263.1198, 11.724052, 18.72) text="8:" start=false end=false
|
|
frag[2]: rect=(67.87207, 1263.1198, 82.57691, 18.72) text="Asymmetric" start=false end=false
|
|
frag[3]: rect=(154.02254, 1263.1198, 108.48528, 18.72) text="Padding/Border" start=false end=false
|
|
LayoutBox node=#107 tag=anonymous box=anon
|
|
content: (0, 0, 242.50781, 18.72)
|
|
padding: 0 0 0 0
|
|
border: 0 0 0 0
|
|
margin: 0 0 0 0
|
|
text: "Test 8: Asymmetric P..."
|
|
LayoutBox node=#109 tag=div box=block
|
|
content: (50, 1309.4318, 147, 99)
|
|
padding: 5 15 10 20
|
|
border: 2 8 4 10
|
|
margin: 0 0 0 0
|
|
inline_context: 1 lines, height=19.199951, max_width=89.08075
|
|
line[0]: rect=(50, 1309.4318, 89.08075, 19.2) fragments=2
|
|
frag[0]: rect=(50, 1311.0317, 65.48017, 16) text="Asymmetric" start=false end=false
|
|
frag[1]: rect=(118.5345, 1311.0317, 20.546255, 16) text="box" start=false end=false
|
|
LayoutBox node=#110 tag=anonymous box=anon
|
|
content: (0, 0, 89.08076, 16)
|
|
padding: 0 0 0 0
|
|
border: 0 0 0 0
|
|
margin: 0 0 0 0
|
|
text: "Asymmetric box"
|