20e241bd03
All checks were successful
ci / fast (linux) (push) Successful in 6m52s
Self-collapsing elements (zero height, no padding/border, no BFC, no line boxes) now have their top and bottom margins collapse together, and child margins propagate through parents with auto height and no bottom padding/border. This replaces the pairwise collapse_margins() function with a MarginSet accumulator that tracks max positive and min negative margins separately, correctly resolving chains of 4+ margins. Key changes: - Add is_self_collapsing() post-layout predicate and gather_all_margins() - Add gather_margin_bottom() for bottom margin propagation with a guard against propagation when max-height constrains the parent - Replace prev_margin_bottom with MarginSet-based pending_margins in the sibling layout loop - Handle clearance + self-collapsing interaction correctly Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
505 lines
23 KiB
Plaintext
505 lines
23 KiB
Plaintext
LayoutBox node=#2 tag=html box=block
|
|
content: (0, 0, 800, 1450.8318)
|
|
padding: 0 0 0 0
|
|
border: 0 0 0 0
|
|
margin: 0 0 0 0
|
|
LayoutBox node=#10 tag=body box=block
|
|
content: (20, 20, 760, 1410.8318)
|
|
padding: 20 20 20 20
|
|
border: 0 0 0 0
|
|
margin: 0 0 0 0
|
|
LayoutBox node=#12 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=#13 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=#15 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=#16 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=#16 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=#17 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=#18 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=#21 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=#22 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=#24 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=#25 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=#27 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=#28 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=#30 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=#31 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=#33 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=#35 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=#36 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=#38 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=#39 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=#42 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=#43 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=#45 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=#47 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=#48 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=#50 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=#51 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=#54 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=#55 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=#57 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=#59 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=#60 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=#62 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=#63 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=#65 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=#66 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=#68 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=#69 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=#72 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=#73 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=#75 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=#77 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=#79 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=#80 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=#82 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=#83 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=#86 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=#88 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=#89 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=#91 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=#92 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=#96 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=#97 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=#99 tag=div box=block
|
|
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=#100 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=#101 tag=(anonymous-block) box=block
|
|
content: (20, 1182.5278, 760, 68.400024)
|
|
padding: 0 0 0 0
|
|
border: 0 0 0 0
|
|
margin: 0 0 0 0
|
|
inline_context: 1 lines, height=68.400024, max_width=143.05432
|
|
line[0]: rect=(210, 1182.5278, 143.05432, 68.399994) fragments=1
|
|
frag[0]: rect=(210, 1190.9279, 140, 60) text=(none) start=false end=false
|
|
LayoutBox node=#101 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=#102 tag=div box=inline-block
|
|
content: (222, 1202.9279, 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, 1202.9279, 64.2467, 19.2) fragments=1
|
|
frag[0]: rect=(222, 1204.5278, 64.2467, 16) text="Inline-block" start=false end=false
|
|
LayoutBox node=#103 tag=anonymous box=anon
|
|
content: (190, 8.400024, 64.2467, 16)
|
|
padding: 0 0 0 0
|
|
border: 0 0 0 0
|
|
margin: 0 0 0 0
|
|
text: "Inline-block"
|
|
LayoutBox node=#104 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=#105 tag=div box=block
|
|
content: (20, 1250.9279, 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=#107 tag=h3 box=block
|
|
content: (20, 1269.6478, 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, 1269.6478, 242.50781, 22.464003) fragments=4
|
|
frag[0]: rect=(20, 1271.5198, 29.000881, 18.72) text="Test" start=false end=false
|
|
frag[1]: rect=(52.574448, 1271.5198, 11.724052, 18.72) text="8:" start=false end=false
|
|
frag[2]: rect=(67.87207, 1271.5198, 82.57691, 18.72) text="Asymmetric" start=false end=false
|
|
frag[3]: rect=(154.02254, 1271.5198, 108.48528, 18.72) text="Padding/Border" start=false end=false
|
|
LayoutBox node=#108 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=#110 tag=div box=block
|
|
content: (50, 1317.8318, 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, 1317.8318, 89.08075, 19.2) fragments=2
|
|
frag[0]: rect=(50, 1319.4318, 65.48017, 16) text="Asymmetric" start=false end=false
|
|
frag[1]: rect=(118.5345, 1319.4318, 20.546255, 16) text="box" start=false end=false
|
|
LayoutBox node=#111 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"
|