2012-05-01 16 views
9

Dinamik içeriğe sahip bir div sahibim. İçerik div içinde yüklendiğinde, div'in içeriğe sığması için yeniden boyutlandırılmasını istiyorum. Ama bu yeniden boyutlandırmanın maksimum yüksekliğe sahip olmasını istiyorum. İçeriğin bu maksimum yükseklikten daha fazlasına ihtiyacı varsa, orada kaydırma çubuğu olmasını isterim.Maksimum içeriğe sahip bir div öğesine yeniden boyutlandırma

Buradaki soruları araştırdım ama aradığım şeyi bulamadım (soru-cevap makinesinin kendisini anladığını söyleyen yanıtın dışında). Okuduğumu okudum jQuery'le yapabilirim ama bu konuda oldukça yeniyim, ama bir div'u yeniden boyutlandırmak, sınıfları ve bunun gibi şeyleri değiştirmek demosunu yaptım ama gerçekten nasıl uygulanacağım ne için bakıyorum. I , bunun için bir çözüm bulmaya çalıştı, lütfen nazik olun.

+0

don Bunun için endişelenmeniz gerekiyor, ancak IE 6 maksimum yükseklik özelliğini desteklemiyor. Sadece aklınızın gerisinde kalmak için bir şey – CambridgeMike

+0

Hurm, IE6'da max-height'ın bir yolu var mı? – qudoz

cevap

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

Ah adam, şimdi kendimi çok aptal hissediyorum, teşekkürler! – qudoz

+0

Düşürme, çünkü mükemmel bir şekilde doğrudur, ama yine de salt kod cevapları, küçük bir açıklama metni bile, çok yanlıştır. – trejder

+0

Bu yükseklik, tanımlanan maksimum yüksekliğinizden daha büyük olduğunda çalışmaz. –

0

Sen, css ile bu yapabileceğini örn: max-height: 100px; overflow-y:scroll;

1

Kullanım:

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

ekleyin: <div style="clear:both"></div> "div" kapatmadan önce: Umarım

<div style="max-height: 400px"> 
<p>Some dynamic content loads inside the div</p> 
<div style="clear:both"></div> 
</div> 
İlgili konular