Wednesday, November 9, 2011

CSS position:relative + position:absolute

If we set relative positioning on div-1, any elements within div-1 will be positioned relative to div-1. Then if we set absolute positioning on div-1a, we can move it to the top right of div-1:

#div-1 { 
 position:relative; 

#div-1a { 
 position:absolute;
 top:0;
 right:0;
 width:200px; 
}

Read more at "Learn CSS Positioning in Ten Steps" tutorial

No comments: