Sign Up to our social questions and Answers Engine to ask questions, answer people’s questions, and connect with other people.
Login to our social questions & Answers Engine to ask questions answer people’s questions & connect with other people.
Lost your password? Please enter your email address. You will receive a link and will create a new password via email.
Please briefly explain why you feel this question should be reported.
Please briefly explain why you feel this answer should be reported.
Please briefly explain why you feel this user should be reported.
I have to divs:
<div id="outerContent">
<div id="innerContent">
</div>
</div>
innerContents’ position is absolute (I need it that way for JavaScript animation). How do I get outerContent to expand to innerContents’ height as if innerContent wouldn’t be set to position:absolute?
Two things:
1) You should be able to slide the innerdiv away without the need of
position:absolute;,position:relative;should suffice. The advantage is it’s still considered to be in the rendering flow, as aveic called it.See my jsfiddle example
2) if you do want to use
absolute, you can make sure it doesn’t screw anything up by only enabling it with JS, since you’re using JS anyway to perform the animation. So in JS, just say$('#innerDiv').css({position: absolute});and you still won’t abandon people without JS enabled.