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 16 0+0+0] [BFC] children: not-inline BlockContainer at [8,8] [8+0+0 784 0+0+8] [8+0+0 0 0+0+8] children: inline BlockContainer at [28,28] positioned [0+20+0 500 0+20+0] [0+20+0 400 0+20+0] [BFC] children: inline TextNode <#text> (not painted) BlockContainer at [58,58] positioned [0+10+0 100 0+10+0] [0+10+0 100 0+10+0] [BFC] children: not-inline TextNode <#text> (not painted) BlockContainer at [358,98] positioned [50+0+0 100 0+0+50] [50+0+0 100 0+0+50] [BFC] children: not-inline TextNode <#text> (not painted) BlockContainer at [48,308] positioned [0+0+0 100 0+0+0] [0+0+0 100 0+0+0] [BFC] children: not-inline TextNode <#text> (not painted) BlockContainer at [408,308] positioned [0+0+0 100 0+0+0] [0+0+0 100 0+0+0] [BFC] children: not-inline TextNode <#text> (not painted) TextNode <#text> (not painted) ViewportPaintable (Viewport<#document>) [0,0 800x600] PaintableWithLines (BlockContainer) [0,0 800x16] PaintableWithLines (BlockContainer) [8,8 784x0] PaintableWithLines (BlockContainer

#container) [8,8 540x440] PaintableWithLines (BlockContainer

#red) [48,48 120x120] PaintableWithLines (BlockContainer

#green) [358,98 100x100] PaintableWithLines (BlockContainer

#blue) [48,308 100x100] PaintableWithLines (BlockContainer

#yellow) [408,308 100x100] SC for Viewport<#document> [0,0 800x600] [children: 1] (z-index: auto) SC for BlockContainer [0,0 800x16] [children: 0] (z-index: auto)