CSS 'te kutular sola nasıl yaslanır?

Doğru Cevap

• 5
  

  13 yıl önce yazılmış

  bcinarli

  12 cevap - 0 soru

  float: left; 

  
  
  kodu ile yan yana yaslayabilirsiniz kutularınız, ama bu durumda internet explorer 6 da iki kutu arasında normalden 2 kat daha fazla boşluk gözükecektir. o yüzden
  

   float: left; display: inline; 

  
  
  kombinasyonu ile kullanmanız gerekiyor. ayrıca, float tanımı yaptığınız bir kutudan sonra gelen kutular da bu kutunun yanında gözükmeye başlayacaktır. o yüzden, yan yan yaslama işlemini bitirdiğiniz noktadan itibaren,
  

  clear: both; 

  tanımlaması yapmanız gerekiyor.
  
  clear konusunun modern çözümleri bulunuyor, "clearfix" olarak geçiyor bu çözümler. en yeni ve az nesne getiren çözüm için http://perishablepress.com/press/2009/12/06/new-clearfix-hack/ adresine bakabilirsiniz.

Cevaplar

• 

  13 yıl önce yazılmış

  sinanisler

  2 cevap - 3 soru
  float ile nesneler birbirlerine dayanır.
  
  

   
  #ornekid{
  width:50px;
  height:50px;
  
  float:left;
  
  }
  
  
• 

  13 yıl önce yazılmış

  gblack

  14 cevap - 8 soru
  float:left; ancak bu özellik kullanıldığında kutuların bittiği yerde gibi bir elemana clear:both; özelliği verilmesi gerekli.
  
  diğer bir yöntem display:inline;
• 

  13 yıl önce yazılmış

  hasanyasar

  5 cevap - 0 soru

  <div style="float:left;">Kutu sola yazla/div>
• 

  13 yıl önce yazılmış

  emrahkaraalan

  5 cevap - 1 soru
  bunun dışında float elementlerini kapsayan dive overflow özniteliğide verilebilir.. Örneğin..
  

  <div style="overflow:hidden;">
     <div style="float:left;">deneme</div>
     <div style="float:right;">deneme</div>
  </div>
  
• 

  13 yıl önce yazılmış

  system

  5 cevap - 11 soru

  float: left;

  
  ile sola yaslayabilirsin birden fazla div'i yan yana yaslamak istiyorsan ikisindede bu kodu kullanabilirsin.