How to position element below relative positioned element without overlapping?
css, position
Solution
`absolute` positioning takes the element out of the flow of the structure. It's presence is ignored for this reason, it's what it's purpose is. If you need an element positioned left or right then use `float`
When floating elements ensure you clear the bottom of the div so then the layout is preserved
`<div style="clear:both;"></div>`
DEMO http://jsfiddle.net/kevinPHPkevin/uHuSF/
Otherwise a different approach is required to accomplish your goal.
Problem
If I put anything after element with relative+absolute positioned elements, it overlaps. It does not do this if I specify height, but I do not want to do this as content of relatively positioned element is dynamic. How to get rid of overlapping without specifying height? Simple example: ``` <div style="position:relative"> <div style="position:absolute;"> blabla </div> </div> I WANT THIS BELOW ```