ویژگی float و clear در css

خاصیت clear

در این قسمت از آموزش css  ، خاصیت Clear  و خاصیت Float را توضیح می دهیم.

با استفاده از خاصیت clear می توان کناره هایی از عنصر را که می خواهیم متن یا عکس در آن سمت قرار نگیرد را مشخص می کنیم،در واقع از این خاصیت برای خالی کردن فضای اطراف یک عنصر استفاده می شود.که حالت های مختلفی دارد که تعدادی از انها توضیح می دهیم.
none:در دو طرف عنصر مجاز است که عکس یا متن قرار بگیرد که حالت پیش فرض می باشد.

right:در سمت راست هیچ عکس و تنی نمی تواند قرار گیرد.

left:در سمت چت هیچ عکس و متنی نمی تواند قرار گیرد.

both:دو طرف عنصر هیچ عکس و متنی نمی تواند قرار گیرد.

مثال زیر خاصیت Clear را در طراحی سایت نشان می دهد.

img
{
float:left;
}
p.clear
{
clear:both;
}

ویژگی float

با استفاده از خاصیت float می توان موقعیت یک عنصر را به سمت چپ یا راست تنظیم کرد.خاصیت float از مهمترین ویژگی ها در Css و همچنین طراحی سایت می باشد.این خاصیت وقتی عمل می کند که به عنصر مورد نظر خاصیت موردنظر خود را بدهید.

مثال زیر کاربرد خاصیت Float را نشان می دهد.

.text
{float:left;
width:110px;
height:90px;
margin:5px;}

منبع: sitedesign-co.com