Home/ Questions/Q 3983896
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-20T05:42:15+00:00

I have 4 <div> tags one after the other, all in position:absolute and I

  • 0

I have 4 <div> tags one after the other, all in position:absolute and I align them using top and left.

The 3rd div tag contains dynamic content and the height of the div changes according to the amount of text in it. However, as I set the top and left of all divs, the 4th div is affected by the height of the 3rd dynamic div.

How can I solve this?

http://jsfiddle.net/25Xrh/

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    You may want to try wrapping the 4 divs in a parent div and absolutely positioning that. Then you can allow the position of one of the children divs to affect another.

    http://jsfiddle.net/25Xrh/5/

    The solution you had meant that no matter what you tried to affect the top:60px and left:180px stopped it from moving anywhere other than this, so the dynamic content div wasn’t able to reposition it.

    • 0