flow: hidden}
  #grandchild2 {width: 20em; border-right: solid 1em red}

  /* Overflow (and width) don't apply to child3 and so grandchild3 is visible */
  #child3 {display: inline; width: 10em; overflow: hidden; background: red}
  #grandchild3 {width: 20em; height: 1.2em; background: red;
    vertical-align: bottom}

  /* Child4 establishes a formatting context and so can clip grandchild4 */
  #child4 {table-layout: fixed; width: 20em; border-collapse: collapse;
    background: green; overflow: hidden}
  #