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

  • Ben Vivona

    Ben Vivona

    24 Ocak 2010
  • BroadCity

    BroadCity

    10 ŞUBAT 2010
  • The Warp Zone

    The Warp Zon

    24 AĞUSTOS 2007