jquery ui resizableはテキストよりも小さい高さを防ぐ

Question

私はテキストでサイズ変更可能なDIVを持っています。私は幅だけで動作し、高さは自動サイズでなければならないが、テキスト（コンテンツ）より小さくない。どうやってするの？

マイコード：

HTML：

<div id="block"> 
    sadfasda asfasfasf asfafafaf a a a fasfas fasfafasfaf 
    asffasdf as fasfasfa sfasfafasfaf akflj jalj faldjfajf'a 
    klasdjf lka;sjfajf ljasfljaflkj f jf f jfaj flajklfjalfj 
    klasjf f lkajfajf lajf lajf al alfjasl jall fafasff 
</div> 

CSS：

#block {border: 1px solid red; width: 300px; height: auto; padding: 5px} 

JS：

$("#block").resizable({ 
    maxWidth: 500, 
    minWidth: 115 
}); 

ここではDEMO

Answer 1

解決策は、このような格納容器を使用することです。これは、コントロール:)で、あなたのそのコンテナを維持します

EDIT：あなたはそれは小さい...私を見てみましょう作るときが 大野...それは動作しません

EDIT2：は今それがない ！

jsFiddle

HTML

<div id="block"> 
    <div class="content"> 
    sadfasda asfasfasf asfafafaf a a a fasfas fasfafasfaf 
    asffasdf as fasfasfa sfasfafasfaf akflj jalj faldjfajf'a 
    klasdjf lka;sjfajf ljasfljaflkj f jf f jfaj flajklfjalfj 
    klasjf f lkajfajf lajf lajf al alfjasl jall fafasff 
    </div> 
</div> 

JS

var block = $("#block"); 

block.resizable({ 
    maxWidth: 500, 
    minWidth: 115, 
    resize : function(e) { 
     block.height(block.find('.content').height()) 
    }   
}); 

CSS

#block { 
    border: 1px solid red; 
    width: 300px; 
    height: auto; 
    padding: 5px 
}