Viewport <#document> at [0,0] [0+0+0 800 0+0+0] [0+0+0 600 0+0+0] [BFC] children: not-inline BlockContainer at [0,0] [0+0+0 800 0+0+0] [0+0+0 260 0+0+0] [BFC] children: not-inline BlockContainer at [8,8] [8+0+0 784 0+0+8] [8+0+0 244 0+0+8] children: not-inline BlockContainer at [34,34] [0+1+25 400 25+1+332] [0+1+25 70 25+1+0] [BFC] children: not-inline BlockContainer at [35,35] [0+1+0 400 0+1+-2] [0+1+0 100 0+1+0] children: inline frag 0 from TextNode start: 0, length: 47, rect: [35,35 382.296875x18] baseline: 13.796875 "This should be scrollable vertically because of" frag 1 from TextNode start: 48, length: 12, rect: [35,53 93.4375x18] baseline: 13.796875 "the padding." TextNode <#text> (not painted) InlineNode at [35,35] [0+0+0 0 0+0+0] [0+0+0 18 0+0+0] BlockContainer <(anonymous)> at [8,130] [0+0+0 784 0+0+0] [0+0+0 0 0+0+0] children: inline TextNode <#text> (not painted) BlockContainer at [34,156] [0+1+25 400 25+1+332] [0+1+25 70 25+1+0] [BFC] children: not-inline BlockContainer at [35,157] [0+1+0 400 0+1+-2] [0+1+0 100 0+1+0] children: inline frag 0 from TextNode start: 0, length: 46, rect: [35,157 373.796875x18] baseline: 13.796875 "This padding represents, within the scrollable" frag 1 from TextNode start: 47, length: 44, rect: [35,175 370.875x18] baseline: 13.796875 "overflow rectangle, the box’s own padding so" frag 2 from TextNode start: 92, length: 45, rect: [35,193 366.578125x18] baseline: 13.796875 "that when its content is scrolled to the end," frag 3 from TextNode start: 138, length: 44, rect: [35,211 359.828125x18] baseline: 13.796875 "there is padding between the end-edge of its" frag 4 from TextNode start: 183, length: 48, rect: [35,229 391.71875x18] baseline: 13.796875 "in-flow (or floated) content and the border edge" frag 5 from TextNode start: 232, length: 50, rect: [35,247 395.328125x18] baseline: 13.796875 "of the box. It typically ends up being exactly the" frag 6 from TextNode start: 283, length: 47, rect: [35,265 399.1875x18] baseline: 13.796875 "same size as the box’s own padding, except in a" frag 7 from TextNode start: 331, length: 37, rect: [35,283 320.640625x18] baseline: 13.796875 "few cases—such as when an out-of-flow" frag 8 from TextNode start: 369, length: 48, rect: [35,301 389.421875x18] baseline: 13.796875 "positioned element, or the visible overflow of a" frag 9 from TextNode start: 418, length: 45, rect: [35,319 371.28125x18] baseline: 13.796875 "descendent, has already increased the size of" frag 10 from TextNode start: 464, length: 45, rect: [35,337 366x18] baseline: 13.796875 "the scrollable overflow rectangle outside the" frag 11 from TextNode start: 510, length: 39, rect: [35,355 319.109375x18] baseline: 13.796875 "conceptual “content edge” of the scroll" frag 12 from TextNode start: 550, length: 20, rect: [35,373 165.21875x18] baseline: 13.796875 "container’s content." TextNode <#text> (not painted) BlockContainer <(anonymous)> at [8,252] [0+0+0 784 0+0+0] [0+0+0 0 0+0+0] children: inline TextNode <#text> (not painted) ViewportPaintable (Viewport<#document>) [0,0 800x600] PaintableWithLines (BlockContainer) [0,0 800x260] PaintableWithLines (BlockContainer) [8,8 784x244] PaintableWithLines (BlockContainer

.outer) [8,8 452x122] overflow: [9,9 450x152] PaintableWithLines (BlockContainer

.inner) [34,34 402x102] TextPaintable (TextNode<#text>) PaintableWithLines (InlineNode) [35,35 0x18] PaintableWithLines (BlockContainer(anonymous)) [8,130 784x0] PaintableWithLines (BlockContainer

.outer) [8,130 452x122] overflow: [9,131 450x260] PaintableWithLines (BlockContainer

.inner) [34,156 402x102] TextPaintable (TextNode<#text>) PaintableWithLines (BlockContainer(anonymous)) [8,252 784x0] SC for Viewport<#document> [0,0 800x600] [children: 1] (z-index: auto) SC for BlockContainer [0,0 800x260] [children: 0] (z-index: auto)