BrainJar.com: Absolute Positioning Demo

Both DIVs at right are absolutely positioned. DIV "A1" is contained within DIV "A." Note how "A1" extends outside the bounds of "A."

Use your browser's View Source option to see the full source code.

DIV A


  left: 400px;
  top: 50px;
  width: 300px;
  height: 200px;

DIV A1


    left: 150px;
    top: 150px;
    width: 200px;
    height: 100px;