Farklı renkteki yan yana iki sütunum var. Arka planın da kendine özgü bir rengi var. Sağdaki sütun bilinmeyen bir boyuta genişleyecek metin içerir. Diğer sütun hiçbir şeyden çok az içerir.CSS Alternatif CSS-jQuery Koduna mı?
<div id="container">
<div id="leftColumn">
<p>Only one small paragraph here</p>
</div>
<div id="rightColumn">
<p>Many large paragraphs inside here.</p>
</div>
</div>
Sol sütunun, sağ sütundaki kadar yüksek olmasını istiyorum.
İşte ... CSS
#leftColumn {
display:inline-block;
width: 200px;
}
#rightColumn {
display:inline-block;
width: 600px;
vertical-align: top;
}
Yani sayfa yüklendiğinde Birazdan sütunun yüksekliğine dayalı sol sütunun yüksekliğini ayarlamak için jQuery kullanırken.
$(document).ready(function() {
$('#leftColumn').css('height', $('#rightColumn').innerHeight());
});
Bunu yalnızca CSS ile yapmanın bir yolu var mı?
CSS işi için tek bir araç olmayabilir bir prob Em. HTML Tabloları kötülük değildir; Geçmişte iyi CSS desteğinden önce geçmişte kullanılmış olsalar da, Tablolar hala yerlerine sahipler.Eşit yükseklikten bahsederken, Tablolar otomatik olarak buna sahiptir ve yine de her iki dünyanın en iyisini kullanan bir hibrid çözüm için CSS ile kontrol edilebilir. Aksi halde, bir aracı başkalarının çıkarları için kullanması durumunda karmaşık bir şekilde hızlı olabilir. –
Daha sonra yazar sadece bir CSS çözümü istemişti, bu yüzden, ideallerimizi doğrudan soruyu yanıtlama sürecine dışlamak için ideallerimizi zorlamaya çalışıyor olabilir. –