SORU
14 Ocak 2010, PERŞEMBE


bir div içinde yüzen şeyler, div dışında yüzer. Neden?

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?

CEVAP
14 Ocak 2010, PERŞEMBE


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; }

Bunu Paylaş:
  • Google+
  • E-Posta
Etiketler:

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • MikeyMacintosh

    MikeyM

    28 Aralık 2009
  • NikkoNantone

    NikkoNantone

    21 Kasım 2011
  • The Computer Chronicles

    The Computer

    7 Kasım 2012