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

  • 3DS Max Tutorials

    3DS Max Tuto

    4 AĞUSTOS 2013
  • Breno Rises

    Breno Rises

    7 Ocak 2014
  • Elliot Davin

    Elliot Davin

    28 Kasım 2008