當孩子調整大小時自動調整父div的大小 - jQuery可調整大小

Question

我使用jQueryUI可調整大小以及如何調整子div的大小時，只調整父div的高度，並觸摸父div的底端。在調整大小時，子div也不應該出去。

這是我的代碼怎麼一回事：

HTML

<div id="outer"> 
    <div id="inner"></div> 
</div> 

CSS

#outer { 
width:500px; 
height:300px; 
border:dashed 1px #000; 
} 
#inner { 
width:50px; 
height:50px; 
background:#2d2d2d; 
} 

JS

$(function(){ 
    $('#inner').resizable({ 
     containment: 'parent'  
    }) 
}); 

另外檢查小提琴; http://jsfiddle.net/hjtBA/122/

Answer 1

您可以將最小高度和最小寬度應用於父容器，並移除容器。 這將使父div與子div一起擴展。

#outer { 
    min-width:500px; 
    min-height:300px; 
    border:dashed 1px #000; 
} 

，並刪除遏制限制

$(function(){ 
    $('#inner').resizable(); 
}); 

更新您的jsfiddle。 http://jsfiddle.net/hjtBA/126/