SORU
20 Mart 2011, Pazar


Neden benim div's boy sıfır

CSS şu var. Tüm boşlukları 0/sınırları genel olarak sıfırlanır doldurma/.

#wrapper{width: 75%; min-width: 800px;}
.content{text-align: justify; float: right; width: 90%;}
.lbar{text-align: justify; float: left; width: 10%;}

Şimdi ben HTML olarak yazmak

<div id="wrapper">
    <div class="content">
        some text here
    </div>
    <div class="lbar">
        some text here
    </div>
</div>

sayfa doğru işler. Kontrol ediyorum ancak, elemanları, div#wrapper 0px yüksek varlık olarak gösterilir. div.content sonu div.lbar... Neden böyle oluyor? kadar genişletmek için beklerdim

Yine, sayfa ince işler. Bu davranış sadece kafamı karıştırıyor.

CEVAP
20 Mart 2011, Pazar


Kayan içerik kabını yüksekliğini etkilemez. Eleman yüzen olmadığına dair hiçbir içerik içerir.

Eğer bu (benim tercih edilen yaklaşım kabı overflow: hidden ayarlamak için) kaçınmak istiyorsanız methods for containing floats bkz. Bu şekilde tasarlanmış olmasının sebebi hakkında bir açıklama containing floats bkz.

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

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • Dopelives

    Dopelives

    30 Temmuz 2009
  • Dylan Dubay

    Dylan Dubay

    10 Temmuz 2013
  • Professor Messer

    Professor Me

    27 NİSAN 2007