Home/ Questions/Q 1009795
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-16T08:58:59+00:00

<head> <style type = text/css> body{ text-align:center; } #container{ position:relative; width:600px; height:auto; border:1px solid

  • 0
<head>
<style type = "text/css">
body{
text-align:center;
}

#container{
position:relative;
width:600px;
height:auto;
border:1px solid #ccbbaa;
}

#box{
position:absolute;
width:300px;
left:2px;
border:1px solid #ccbbaa;
}


</style>
</head>
<div id = "container">

<div id = "box">
<p>
message .....
</p>
<p>
message .....
</p>
</div>
    </div>

The question is how to make the height of container and box consistent using not fixed height.

thanks.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Could you use javascript? Here is my way by using jQuery:

    $("#box").resize(function() {
  $("#container").width($(this).width()).height($(this).height());
});
    • 0