2012-05-01 17 views
9

私は動的コンテンツを持つdivを持っています。コンテンツがdivに読み込まれると、コンテンツに合わせてdivがサイズ変更されます。しかし、私はこのサイズ変更が最大の高さを持つことを望みます。コンテンツがこの最大高さよりも多く必要な場合は、スクロールバーが必要です。最大の高さでコンテンツにフィットするdivのサイズ変更

私はここで質問を検索しましたが、私が探しているものは見つけられませんでした(質問者が回答したということを除いて、彼自身はそれを理解していました)。私はjqueryでそれを行うことができますが、私はかなり新しいことを読んだが、divのサイズを変更し、クラスを変更するデモを行ったが、私は本当に実装する方法を失う私が探しているもの。私ははこれに解決策を見つけようとしているので、穏やかにしてください。

+0

うまくいけば、ドンこれについて心配する必要はありませんが、IE 6はmax-height属性をサポートしていません。ちょうどあなたの心の後ろに保持する何か – CambridgeMike

+0

ハルム、IE6の最大高さのまわりの方法はありますか? – qudoz

答えて

16
div {height:auto;overflow:scroll;max-height:200px;} 
+3

ああ、私は今、とても愚かな気分です、ありがとう! – qudoz

+0

完全に正しいが、純粋なコードの解答でさえ、小さな説明文でさえも、間違っているので、下降する。 – trejder

+0

高さが定義されている最大高さよりも大きい場合、これは機能しません。 –

0

あなたは例えば、CSSでこれを行うことができます:max-height: 100px; overflow-y:scroll;

1

用途:

<div style="max-height: 400px; overflow-y:scroll; overflow-x: hidden"> 
<p>Some dynamic content loads inside the div</p> 
</div> 

次に追加:<div style="clear:both"></div>を "DIV" を閉じる前に:

<div style="max-height: 400px"> 
<p>Some dynamic content loads inside the div</p> 
<div style="clear:both"></div> 
</div> 
関連する問題