Is there a way to resize the container box to fit its dynamic content without using JavaScript?
Here is the sample code for the problem:
<div id="container">
<div id="content"></div>
</div>
#container {
position: relative;
}
#content {
position: absolute;
}
The content box contains dynamic content, so a fixed height cannot be used.
Since jQuery UI requires that the content div be positioned absolutely, how can I make the container box adjust its height accordingly?
I know this might be challenging without using JavaScript, as positioning a div absolutely removes it from the normal flow of the document. However, I'm wondering if anyone has found a workaround for this issue.
Any suggestions or solutions would be greatly appreciated. Thanks!