Question

Hi there thanks for reading this post.

I had some container divs which hold some element divs, yet I also have a wrapper that wrap all the container divs. How should I ret the css style so that an element’s position is relative to a container, a container’s position is relative to a bigger container, and the bigger container’s position is relative to the ultimate container (i.e. wrapper)?

Do I need javascript for this?

Thans you!!

Answer 1

Set the main container to have a position:relative and the child containers to be position:absolute. If you need to put more containers inside the child ones you can use position:absolute on them also.

eg:

.wrapper{position:relative;}
.big-container{position:absolute;top:0;left:0;}
.containerOne{position:absolute;top:0;left:0;}
.containerTwo{position:absolute:top:0;left:0;}