Your problem is because you have used
- Code: Select all
position: absolute;
This styling instruction takes the element out of the natural flow and 'pins' it at a precise location, with respect to its containing element.
Give your 'content' div a
- Code: Select all
position: relative;
Dont give it top and left values unless you have to tweak its location.
If the 'bottom' div is the next element after the 'content', then give that a
- Code: Select all
position: relative;
also. It will then move down as the 'content' expands.
There may be issues that need to be addressed based on other styling code you have but you get the idea.