Position DIV relative to another DIV

Question

Is it possible to position a DIV relative to another DIV  I imagine this can be done by first placing it inside of the reference DIV  and then using position  relative  However  I can t figure out how to do this without affecting the contents of the reference DIV  How can I do this properly   See  http   jsfiddle net CDmGQ  Thanks

User · Answer

you can use position relative  inside  one div and position absolute inside  two div  you can see it

User · Answer

First set position of the parent DIV to relative  specifying the offset  i e  left  top etc  is not necessary  and then apply position  absolute to the child DIV with the offset you want  It s simple and should do the trick well

User · Answer

You need to set postion relative of outer DIV and position absolute of inner div  Try this  Here is the Demo   one       background-color   EEE      margin  62px 258px      padding  5px      width  200px      position  relative         two       background-color   F00      display  inline-block      height  30px      position  absolute      width  100px      top 10px

User · Answer

You want to use position  absolute while inside the other div    DEMO

[html] Position DIV relative to another DIV?

Examples related to html

Examples related to css