Sayfa yapısı var:

<div class="parent">
    <div class="child-left floatLeft">
    </div>

    <div class="child-right floatLeft">
    </div>
</div>

Şimdi, child-left DİV parent DİV DİV çocuk başına kadar yüksekliği artar yani daha fazla içerik var.

Ama sorun yüksekliği artıyor. child-right. Nasıl üst eşit olarak yüksekliği yapabilir miyim?

ana öğe eklemek için aşağıdaki özelliklere

.parent {
    overflow: hidden;
    position: relative;
    width: 100%;
}

.child-right bunlar için:

.child-right {
    background:green;
    height: 100%;
    width: 50%;
    position: absolute;
    right: 0;
    top: 0;
}

Daha detaylı sonuçlar burada bulabilirsiniz fazladan CSS kullanarak: http://jsbin.com/nimeguxuda/1/edit?html,css,output

http://matthewjamestaylor.com/blog/equal-height-columns-cross-browser-css-no-hacks eşit yükseklik kolon hakkında daha fazla bilgi bulabilirsiniz