Viewport <#document> at [0,0] [0+0+0 800 0+0+0] [0+0+0 600 0+0+0] children: not-inline
  BlockContainer <html> at [0,0] [0+0+0 800 0+0+0] [0+0+0 16 0+0+0] [BFC] children: not-inline
    BlockContainer <body> at [8,8] [8+0+0 784 0+0+8] [8+0+0 0 0+0+8] children: inline
      BlockContainer <div#container> 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 <div#red> 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 <div#green> 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 <div#blue> 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 <div#yellow> 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<HTML>) [0,0 800x16]
    PaintableWithLines (BlockContainer<BODY>) [8,8 784x0]
      PaintableWithLines (BlockContainer<DIV>#container) [8,8 540x440]
        PaintableWithLines (BlockContainer<DIV>#red) [48,48 120x120]
        PaintableWithLines (BlockContainer<DIV>#green) [358,98 100x100]
        PaintableWithLines (BlockContainer<DIV>#blue) [48,308 100x100]
        PaintableWithLines (BlockContainer<DIV>#yellow) [408,308 100x100]

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