SORU
26 Ocak 2011, ÇARŞAMBA


CSS - üst alt DİV yüksekliğini Genişletmek's boy

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?

CEVAP
26 Ocak 2011, ÇARŞAMBA


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

Bunu Paylaş:
  • Google+
  • E-Posta
Etiketler:

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • 3biblecom

    3biblecom

    23 NİSAN 2011
  • AutoklubZAPRESIC

    AutoklubZAPR

    17 Mayıs 2011
  • PamtheBlamofficial

    PamtheBlamof

    31 Aralık 2010