Bu sadece basit bir soru, ama bu bana birkaç kez oldu ve ben nedenini bilmek istiyorum.

Bir div içindeki şeyler, benim durumumda ımg başka bir div koymak senin rengin yeşil olduğunu ve kesin bir genişlik ver, sen söyle. Fikri kapsayıcı div içeriğini kapsayıcı div uzan ve içeriği için bir arka plan neden olur. Ama böyle yapınca, içeren div küçülür için uygun olmayan nesneleri yüzen ve yüzen nesneler olacak ya onca yolu, ya da yarım, yarım, ve hiçbir rulman üzerinde boyutu büyük dıv.

Neden bu? Yok ben bir şey eksik, ve nasıl öğeleri içeren bir div yüksekliği germek için süzülüyor alabilir miyim?

En üst div overflow:hidden ve yükseklik belirtin yok:

#parent { overflow: hidden }

Başka bir yolu da üst div yüzer

#parent { float: left; width: 100% }

Başka bir yolu daha net bir element kullanır:

<div class="parent">
   <img class="floated_child" src="..." />
   <span class="clear"></span>
</div>

CSS

span.clear { clear: left; display: block; }