Showing results for 
Search instead for 
Did you mean: 

Wrapping a div around position: absolute; content

Wrapping a div around position: absolute; content

I've created some content that requires it to be in position:abosulte;

The issue is that now its not getting wrapped by its parent div.

Is there better ways to wrap the parent div around an absolute div without using min-height: 500px;?

.parentDiv {
float: left;
width: 100%;
position: relative;
min-height: 800px;


.absoluteDiv {
float: left;
position: absolute;

The issue I am having is when the screen shrinks, the responsive kicks-in and stacks the content inside the absoluteDiv, which then makes it larger then the min-height:800px and it gets cut-off.  (because of overflow:hiddenSmiley Wink  but without overflow:hidden; it then puts the content outside of the div.

Whats the best way to fix this?