Viewport <#document> at [0,0] [0+0+0 800 0+0+0] [0+0+0 600 0+0+0] [BFC] children: not-inline
  BlockContainer <html> at [1,1] [0+1+0 798 0+1+0] [0+1+0 134 0+1+0] [BFC] children: not-inline
    Box <body> at [10,10] flex-container(column) [8+1+0 780 0+1+8] [8+1+0 116 0+1+8] [FFC] children: not-inline
      BlockContainer <(anonymous)> (not painted) [BFC] children: inline
        TextNode <#text> (not painted)
      BlockContainer <div.px> at [11,11] flex-item [0+1+0 200 0+1+0] [0+1+0 18 0+1+0] [BFC] children: not-inline
        Box <div.inner> at [12,12] flex-container(row) [0+1+0 198 0+1+0] [0+1+0 16 0+1+0] [FFC] children: not-inline
          BlockContainer <(anonymous)> at [12,12] flex-item [0+0+0 19.125 0+0+0] [0+0+0 16 0+0+0] [BFC] children: inline
            frag 0 from TextNode start: 0, length: 2, rect: [12,12 19.125x16] baseline: 12.796875
                "px"
            TextNode <#text> (not painted)
      BlockContainer <(anonymous)> (not painted) [BFC] children: inline
        TextNode <#text> (not painted)
      BlockContainer <div.percentage> at [11,31] flex-item [0+1+0 50 0+1+0] [0+1+0 18 0+1+0] [BFC] children: not-inline
        Box <div.inner> at [12,32] flex-container(row) [0+1+0 48 0+1+0] [0+1+0 16 0+1+0] [FFC] children: not-inline
          BlockContainer <(anonymous)> at [12,32] flex-item [0+0+0 86.671875 0+0+0] [0+0+0 16 0+0+0] [BFC] children: inline
            frag 0 from TextNode start: 0, length: 10, rect: [12,32 86.671875x16] baseline: 12.796875
                "percentage"
            TextNode <#text> (not painted)
      BlockContainer <(anonymous)> (not painted) [BFC] children: inline
        TextNode <#text> (not painted)
      BlockContainer <div.fit-content> at [11,51] flex-item [0+1+0 88.765625 0+1+0] [0+1+0 18 0+1+0] [BFC] children: not-inline
        Box <div.inner> at [12,52] flex-container(row) [0+1+0 86.765625 0+1+0] [0+1+0 16 0+1+0] [FFC] children: not-inline
          BlockContainer <(anonymous)> at [12,52] flex-item [0+0+0 86.765625 0+0+0] [0+0+0 16 0+0+0] [BFC] children: inline
            frag 0 from TextNode start: 0, length: 11, rect: [12,52 86.765625x16] baseline: 12.796875
                "fit content"
            TextNode <#text> (not painted)
      BlockContainer <(anonymous)> (not painted) [BFC] children: inline
        TextNode <#text> (not painted)
      BlockContainer <div.max-content> at [11,71] flex-item [0+1+0 102.15625 0+1+0] [0+1+0 18 0+1+0] [BFC] children: not-inline
        Box <div.inner> at [12,72] flex-container(row) [0+1+0 100.15625 0+1+0] [0+1+0 16 0+1+0] [FFC] children: not-inline
          BlockContainer <(anonymous)> at [12,72] flex-item [0+0+0 100.15625 0+0+0] [0+0+0 16 0+0+0] [BFC] children: inline
            frag 0 from TextNode start: 0, length: 11, rect: [12,72 100.15625x16] baseline: 12.796875
                "max content"
            TextNode <#text> (not painted)
      BlockContainer <(anonymous)> (not painted) [BFC] children: inline
        TextNode <#text> (not painted)
      BlockContainer <div.min-content> at [11,91] flex-item [0+1+0 62.90625 0+1+0] [0+1+0 34 0+1+0] [BFC] children: not-inline
        Box <div.inner> at [12,92] flex-container(row) [0+1+0 60.90625 0+1+0] [0+1+0 32 0+1+0] [FFC] children: not-inline
          BlockContainer <(anonymous)> at [12,92] flex-item [0+0+0 60.90625 0+0+0] [0+0+0 32 0+0+0] [BFC] children: inline
            frag 0 from TextNode start: 0, length: 3, rect: [12,92 26.375x16] baseline: 12.796875
                "min"
            frag 1 from TextNode start: 4, length: 7, rect: [12,108 60.90625x16] baseline: 12.796875
                "content"
            TextNode <#text> (not painted)
      BlockContainer <(anonymous)> (not painted) [BFC] children: inline
        TextNode <#text> (not painted)

ViewportPaintable (Viewport<#document>) [0,0 800x600]
  PaintableWithLines (BlockContainer<HTML>) [0,0 800x136]
    Paintable (Box<BODY>) [9,9 782x118]
      PaintableWithLines (BlockContainer<DIV>.px) [10,10 202x20]
        Paintable (Box<DIV>.inner) [11,11 200x18]
          PaintableWithLines (BlockContainer(anonymous)) [12,12 19.125x16]
      PaintableWithLines (BlockContainer<DIV>.percentage) [10,30 52x20]
        Paintable (Box<DIV>.inner) [11,31 50x18]
          PaintableWithLines (BlockContainer(anonymous)) [12,32 86.671875x16]
      PaintableWithLines (BlockContainer<DIV>.fit-content) [10,50 90.765625x20]
        Paintable (Box<DIV>.inner) [11,51 88.765625x18]
          PaintableWithLines (BlockContainer(anonymous)) [12,52 86.765625x16]
      PaintableWithLines (BlockContainer<DIV>.max-content) [10,70 104.15625x20]
        Paintable (Box<DIV>.inner) [11,71 102.15625x18]
          PaintableWithLines (BlockContainer(anonymous)) [12,72 100.15625x16]
      PaintableWithLines (BlockContainer<DIV>.min-content) [10,90 64.90625x36]
        Paintable (Box<DIV>.inner) [11,91 62.90625x34]
          PaintableWithLines (BlockContainer(anonymous)) [12,92 60.90625x32]

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