div-overflowのテキストが溢れています：自動では機能しません

Question

hereに行き、サムネイルをクリックすると、いずれかのタグに問題が表示されます。あまりにも多くのテキストとoverfowを持つタグについては、それはスクロールバーに入れていない。最初の部分、タイトルは、1つの提出物ごとに異なるので、私は固定幅を置くことができません。

必要なときにスクロールする部分のCSSです。

#scroll-pane{ 
left: -3px; 
position: relative; 
width: 100%; 
overflow: auto; 
font-family:helvetica; 
font-size:11px; 
color:#fff; 
} 

私はこれがあなたのために簡単な質問だと確信しています。

はPeeHaa：

(function($) { 
    $('#tag_info1').each(function() { 
     var container = $(this); 
     var total_height = container.height(); 
     var content_height = parseInt($('span.tag_title', container).outerHeight(true), 10) + parseInt($('span.tag_submission', container).outerHeight(true), 10); 
     var p_height = 0; 
     p_height+=parseInt($('span.tag_submission_text', container).css('padding-top'), 10); 
     p_height+=parseInt($('span.tag_submission_text', container).css('padding-bottom'), 10);   
     p_height+=parseInt($('span.tag_submission_text', container).css('margin-top'), 10); 
     p_height+=parseInt($('span.tag_submission_text', container).css('margin-bottom'), 10); 
     p_height+=parseInt($('span.tag_submission_text', container).css('borderTopWidth'), 10); 
     p_height+=parseInt($('span.tag_submission_text', container).css('borderBottomWidth'), 10); 

     $('span.tag_submission_text', this).height(total_height-content_height-p_height); 
    }); 
})(jQuery); 

は鉱山で動作するようにそれを取得しようとしましたが、無駄:(

Answer 1

へ overflow: autoはそれだけではあり仕事ではないん

。あなたは段落にoverflow: auto;を追加しました。

段落は高さが分かりません。それを動作させるコンテナに移動します。

または段落に高さを付けます。

残りの高さを計算する方法を示すdemoをセットアップしました。あなたの段落に正しい高さを設定できるようにする。

Answer 2

Firefoxで問題はありません。 ただし、overflow：autoを使用すると、コンテナ（divなど）で使用する必要があります。

編集： あなたの問題を理解しています。 現在、コンテナにheight: 180px;を使用しています。テキストコンテナでmin-height: 100px;とoverflow: auto;のようなものを試してみると、テキストコンテナのサイズを修正できます。

テキストコンテナの高さは同じですが、タイトルが大きい場合はコンテナが拡張可能です。

私はそれがはっきりしているかどうかわかりませんが、あなたが欲しいかどうか再説明しようとします。

Answer 3

私はheightだけでなく、指定されたmax-heightとdivと同様の問題を持っていた - それだけでoverflow: autoが指定されていても、スクロールバーを入れないでしょう。それはheightとmax-heightの値に加えてmin-heightを指定した後に機能しました。