Clear Both Kullanımı

Clear:both özelliğini hakkında söyleyecek pek fazla birşey yok aslında.Yapmanız gereken tek şey aşağıda verdiğim örneği incelemeniz…

Css Kullanım Kodu:

<style type="text/css">
#genel_div{
width:153px;
border:solid 1px red;/*Kirmizi*/
}

#sol{
width:100px;
color:green;/*yesil*/
}

#sag{
width:50px;
color:blue;/*mavi*/
}

#sag,#sol{
float:left;
border:solid 1px orange;
}

#sil{
clear:both;
}

#dip{
color:gray
}
</style>

Html Kullanım Kodu:

<!—Html Kodu———————->

<div id=”sol”>Soldaki içeriğimiz.</div>

<div id=”sag”>Sağdaki içeriğimiz.</div>

<div id=”sil”></div>

<div id=””>dip</div>
<!—— https://yazilimsinifi.wordpress.com/2012/06/26/clear-both-kullanimi/ ——>


Reklamlar

Bir Yanıt Bırakın

Aşağıya bilgilerinizi girin veya oturum açmak için bir simgeye tıklayın:

WordPress.com Logosu

WordPress.com hesabınızı kullanarak yorum yapıyorsunuz. Log Out / Değiştir )

Twitter resmi

Twitter hesabınızı kullanarak yorum yapıyorsunuz. Log Out / Değiştir )

Facebook fotoğrafı

Facebook hesabınızı kullanarak yorum yapıyorsunuz. Log Out / Değiştir )

Google+ fotoğrafı

Google+ hesabınızı kullanarak yorum yapıyorsunuz. Log Out / Değiştir )

Connecting to %s