Left Float
Right Float

The <body> element has 25px in padding and white background.

First case: As you resize the window the blue element (floated right) should vanished outsize the left edge of the body.

Second case: Once the green element (floated left) right-edge causes the body element to produce a vertical scroll bar the blue element should butt up agaisnt the body elements' right-edge (edge of viewpoint) and not the body content-right-edge.

  1. Floated right elements overflowing body
  2. Floated right elements with margin-left overflowing body

CSS test - CSS Class