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

  • K-391

    K-391

    23 EKİM 2012
  • multimediaGEEKS LLC

    multimediaGE

    3 Mayıs 2010
  • Pepsi

    Pepsi

    1 Kasım 2005