CSS – neden yüzdesi yüksekliği çalışmıyor mu?

SORU

14 NİSAN 2011, PERŞEMBE

CSS – neden yüzdesi yüksekliği çalışmıyor mu?

Nasıl height için bir yüzde değeri ama width için bir yüzde değeri yok çalışmıyor?

<div id="working"></div>
<div id="not-working"></div>

#working{
    width:80%;
    height:140px;
    background:orange;
}
#not-working{
    width:80%;
    height:30%;
    background:green;
}

#working genişliği alanının �'i olmak biter, ama #not-working yüksekliği 0 olarak biter.

CEVAP

14 NİSAN 2011, PERŞEMBE

Bir blok yüksekliği blok içeriğinin yüksekliği için varsayılan öğe. Yani, böyle bir şey vermiş:

<div id="outer">
    <div id="inner">
        <p>Where is pancakes house?</p>
    </div>
</div>

#inner paragraf içeren uzun olacak ve #outer #inner içeren uzun olacak.

Sana bir yüzdesi olarak yükseklik veya genişliği belirtirseniz, bu elemanın ebeveyn açısından bir yüzdesi. Söz konusu genişlik, her blok elemanları, aksi belirtilmediği sürece, eni de onların üst tüm yol kadar geri <html>; yani, genişliği bloğu elementidir bağımsız içerik ve deyiş width: 50% verimi iyi tanımlanmış piksel sayısı.

Ancak, bir blok elemanın yüksekliğiiçeriğine bağlıdırbelirli bir yüksekliğe belirtmedikçe. Yükseklik endişe ve height: 50% ana öğe belirli bir yükseklik vererek geri besleme döngüsü kırmazsan iyi tanımlanmış bir verim değeri görmediğini söylüyor bulunduğu ebeveyn ve çocuk arasında bir geri besleme var.

Bunu Paylaş: