CSS div to stretch with content which is positioned absolute

Question

Im having a few difficulties making a parent div stretch with its content which is positioned absolute.

The footer ends up at the bottom of the screen but not bottom of the document, which is obviously cause by the absolutes breaking the flow of the page.

Im just wondering whether theres a way around this or a little hack to get things back in flow but keeping the absolute positioning.

http://stackoverflow.com/questions/4697578/html-how-to-make-a-parent-div-grow-with-its-children — Jacob G, Jul 29 '15 at 13:40
I am pretty sure that you can do this by floating the children — noahdotgansallo, Jul 29 '15 at 13:42
Parent will grow along with the children even when parent is positioned absolute . see this http://codepen.io/VamsiKaja/pen/RPqMNr — VamsiKaja, Jul 29 '15 at 14:02
add more info to your question or add a codepen of your code — VamsiKaja, Jul 29 '15 at 14:05

score 0 · Accepted Answer · answered Jul 29 '15 at 13:46

0

you can use javascript / jquery

$("#parent-div").height($("#footer").offset().top + $("#footer").height() )

answered Jul 29 '15 at 13:46

Elheni Mokhles

3,801
2
12
17

CSS div to stretch with content which is positioned absolute

1 Answers1