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;
overflow:hidden;
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:hidden
but without overflow:hidden; it then puts the content outside of the div.
Whats the best way to fix this?