動態地改變外部div作爲內部變得更大

我有兩個divs，一個在另一個裏面。外部的一個叫#wrapper，而內部的叫#pad。動態地改變外部div作爲內部變得更大

現在#pad允許用戶輸入，而且我有一個javascript（jQuery）函數，它根據用戶輸入的內容改變#pad的內容。有時，由於此功能，＃pad的內容將導致div比以前變得更加拉長。現在顯然我希望#wrapper的長度更長，以適應＃pad長度的變化。但是，這不會發生。

#wrapper 
{ 
    clear:both; 
    padding-top:0.5em; 
    /*padding-left:50px;*/ 
    height: 100%; 
    background-color: rgba(255,255,255,0.4); 
    -moz-border-radius: 20px 20px 0px 0px; 
    -webkit-border-radius: 20px 20px 0px 0px; 
    border-radius: 20px 20px 0px 0px; 
} 

#pad 
{ 
    margin-top: 25px; 
    -moz-border-radius: 5px; 
    border: solid 1px #DDD; 
    margin-left:25px; 
    padding-left:25px; 
    margin-right:25px; 
    padding-right:25px; 
    margin-bottom:2em; 
}

這是JavaScript函數：

function preview() 
{ 
    var id1=$("#input1").val(); 
    var id2=$("#input2").val(); 
    var id3=$("#input3").val(); 
    var id4=$("#input4").val(); 
    var id5=$("#input5").val(); 

    if(id1!= null && id1!="") 
    { 
     if($("#preview1").attr("src")!=id1) 
     { 
      $("#preview1").attr("src",id1); 
      $("#preview1").fadeIn("slow"); 
     } 
    } 
    else 
    { 
     $("#preview1").attr("src",""); 
     $("#preview1").fadeOut("slow"); 
    } 

    if(id2!= null && id2!="") 
    { 
     if($("#preview2").attr("src")!=id2) 
     { 
      $("#preview2").attr("src",id2); 
      $("#preview2").fadeIn("slow"); 
     } 
    } 
    else 
    { 
     $("#preview2").attr("src",""); 
     $("#preview2").fadeOut("slow"); 
    } 

    if(id3!= null && id3!="") 
    { 
     if($("#preview3").attr("src")!=id3) 
     { 
      $("#preview3").attr("src",id3); 
      $("#preview3").fadeIn("slow"); 
     } 
    } 
    else 
    { 
     $("#preview3").attr("src",""); 
     $("#preview3").fadeOut("slow"); 
    } 
    if(id4!= null && id4!="") 
    { 
     if($("#preview4").attr("src")!=id4) 
     { 
      $("#preview4").attr("src",id4); 
      $("#preview4").fadeIn("slow"); 
     } 
    } 
    else 
    { 
     $("#preview4").attr("src",""); 
     $("#preview4").fadeOut("slow"); 
    } 
    if(id5!= null && id5!="") 
    { 
     if($("#preview5").attr("src")!=id5) 
     { 
      $("#preview5").attr("src",id5); 
      $("#preview5").fadeIn("slow"); 
     } 
    } 
    else 
    { 
     $("#preview5").attr("src",""); 
     $("#preview5").fadeOut("slow"); 
    } 
    setTimeout("preview()",1000); 
    $("#wrapper").attr("height",$(document).attr("height")); 
}

http://surveys.mylifeisberkeley.com/

來源

2010-05-09 Razor Storm