2011-12-15 26 views
5

Birisi siteme bir göz atabilir ve bana neler olup bittiğini söylersin diye umuyordum. Sorun şu ki, #bodyWrap div'i otomatik olarak, #contentWrap olan çocuklardan birinin yüksekliğine uzanmıyor. #contentWrap, bu sayfadaki tüm içeriği doldurmak için iyi bir şekilde çalışır, ancak bu, ebeveyne kadar #BellWrap'e ulaşmaz. Herhangi bir anlayış için şimdiden teşekkür ederiz.CSS yüksekliği: auto sarıcı ile çalışmıyorum div

http://www.jacobsmits.com/placeholderRX/index.html

cevap

19

Sen kapanış kapları önce net div eklemek gerekir: bu yüzen coz

<div style="clear:both;"></div> 

Yüzer ürün ... konteynerin yüksekliğini etkilemez;).

Çalışma Canlı Örnek: http://jsfiddle.net/LBH5h/

Örnek: bir şey genellikle otomatik benim için yükseklik ayarlama olacaksa

<div id="content"> 
    <!-- floating child --> <div style="float:left;"><!-- floating child content --></div> 

    <div style="clear:both;"></div> 
</div> 
+0

Teşekkürler! Öğeleri süzeceğimi bildiğim zaman her zaman "temiz" bir sınıf kullanırım ama deneylerimi denediğimde bunu özledim ve bu geç haha ​​problemini göremedim. Bu navwrap gibi yüzer bir öğeyi, sayfanın altına germek için bir yol var mı? Ne demek istediğimi görmek için siteyi tekrar kontrol edin. – Throttlehead

+0

navWrap yüksekliğini contentWrap yüksekliğine ayarlamak için muhtemelen Javascript kullanıyorum. Mutlak konumlandırılmış Divs ve Z-endeksleri ile güreşten çok daha kolay. – Throttlehead

+0

Zaman kazanmak ve şimdi kontrol etmek biraz zor. Bir son tarihte çalışıyor. Ancak kolay bir yol, navwrap görüntüsünü döşeme içeriği arka planınıza dahil etmektir. ;) Aksi takdirde html yapısını değiştirip css ekranı ile oynayacağınızı düşünüyorum: tablo seçenekleri. VEYA jQuery ile içeriğin yüksekliğini okuyun ... ve navwrap'ı benzer şekilde ayarlayın ... hatta bir animasyonda bile yapabilirsiniz;) neşeyle dostum –

4

sonra bu adımlara gidermek olacaktır.

  1. şeye yüksekliğini ayarlayın saçma (1000 piksel)
  2. bir fark sonra tüm Ekle
  3. yüzen kontrol yaparsanız bir clear: both; Beyan.
  4. Hala çalışmıyorsa, tüm div'larınıza ayrı kenarlık renkleri ekleyin. Yüksekliği düzgün bir şekilde ayarlayıp neyin web sitesini karıştırdığını görmek için size yardımcı olmalı.
+0

Bugün benim için de aynı şey oldu, sarıcıda bir 'display: absolute' vardı, 'relatif' olarak değiştirdim ve işe yaradı. – Vadorequest

İlgili konular