jQuery的UI也调整子div的大小

Question

I am creating a website I have divs which are resizable using jquery. When I resize them only the width of the child divs get resized. You can see the site and its code here . How can the height of the child divs get resized too?

Edit

Ok I solved it by adding this code:

  $(".window").resize(function() 
  {
     $(this).children('.inner').css(
     {
        height: $(this).height()-2
     });

     $(this).children().children('.content').css(
     {
        height: $(this).height()-$(this).children().children('.top').height()*2
     });
  });

Answer 1

you need to change the child div height to 100%

in your case the div with class = "inner" need to have css property

div.inner
{
   height = 100%
}