Bir elemana float uygulandığında, float uygulanan kutu
kapsayıcı kutunun veya
diğer float kutusunun dış kenarının
sağına veya soluna kaydırılabilir.
1.kutu float:right özelliği ile sağ tarafa
kaymıştır.
float:left tanımlaması yapılarak
1.kutu kapsayıcı kutunun en soluna dayanmıştır.
p {float:left; width:200px;
margin:0;}
img {float:left;
margin:0 4px 4px 0;}
Burada her iki elemana
da float uygulanarak metinin
resmi sarmasına son verilmiştir. Bu çoklu kolon oluşturma tekniğinin basit bir
örneğidir. Float uygulanan her eleman
satır boyunca yan yana dizilecektir.
Eğer kapsayıcı kutu
genişliği her üçünün sığacağı kadar değil ise sondaki kutu kendiliğinden aşağı
kayacaktır. Eğer kutular farklı yükseklikte ise yüksekliği düşük olan kutudan
sonra gelen kutu bunun altında devam edecektir.
Hiç yorum yok:
Yorum Gönder