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

  • adrianisen

    adrianisen

    25 Kasım 2009
  • RinconDynamic

    RinconDynami

    1 EKİM 2011
  • The Weavers of Eternity Paracord Tutorials

    The Weavers

    1 Ocak 2014