SORU
26 Temmuz 2012, PERŞEMBE

Twitter Bootstrap: 100% yüksekliği ile kap div

Kullanarak twitter bootstrap (2), Ben basit bir sayfa ile bir nav bar ve içinde container istiyorum eklemek için div ile 0 yükseklik (üst ve alt ekran). Css-fu benim paslı, bu işi yapamam.

Basit HTML:

<body>
  <div class="navbar navbar-fixed-top">
   <!-- Rest of nav bar chopped from here -->
  </div>
  <div class="container fill">
    <div id="map"></div> <!-- This one wants to be 100% height -->
  </div>
</body>

Geçerli CSS:

#map {
    width: 100%;
    height: 100%;
    min-height: 100%;
}

html, body {
    height: 100%;
}

.fill { 
    min-height: 100%;
}
  • * DÜZENLE

Aşağıda önerilen dolgu sınıfa yükseklik ekledim. Ama sorun bir vücut için-üst dolgu üstünde sabit gezinti çubuğu için hesap için ekleyebilirim. Bu "bir kaydırma çubuğu eklendi - burada görüldüğü gibi olur" böl ve anlamı: 10 ** Herkes nasıl düzelteceğimi söyleyebilir mi? göster 100% yüksekliğini etkiler

CEVAP
26 Temmuz 2012, PERŞEMBE

Sınıf height: 100% .fill ayarlayın

.fill { 
    min-height: 100%;
    height: 100%;
}

JSFiddle

(100% yükseklik sürer görebilirsiniz #map kırmızı bir arka plan koydum)

Bunu Paylaş:
  • Google+
  • E-Posta
Etiketler:
CssTwitter-BootstrapTwitter-bootstrapYükseklikHeight

AYNI ETİKETTEKİ VİDEOLAR

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • Grace Su

    Grace Su

    6 Ocak 2006
  • HouseholdHacker

    HouseholdHac

    6 Kasım 2007
  • SPBedition

    SPBedition

    24 HAZİRAN 2013

İLGİLİ SORU / CEVAPLAR

İLGİLİ BAĞLANTILAR