محل قرارگیری عناصر – خواص Clear , Float

حتما بخوانید: تنظیم شفافیت عناصر Opacity

وقتی به یک عنصر در کد خود Float به سمت چپ یا راست میدهید ، عنصر مورد نظر به آن سمت خاص میرود و بقیه عنصر هایی که بعد از تگ مذکور آمده اند و float ندارند به سمت مخالف رانده میشوند و اطراف عنصر مورد نظر قرار میگیرند.

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

clear

اگر عنصر ی بعد از عنصری که ویژگی float را دارد، خاصیت clear داشته باشد، اطراف عنصر ی که ویژگی float را دارد قرار نمی گیرد.

عنصر ی که خاصیت clear=both دارد و float نیز شده باشد، فقط عنصر هایی را که قبل از خودش آمده است، clear میکند . و عنصرهای بعدی را تحت تاثیر قرار نمیدهد

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

با دریافت « مشاوره برنامه‌نویسی، وب و سئو » از کارشناسان جوان حرفه‌ای و باتجربه ساکوراد؛ موفقیت کسب و کار، رونق فروش و افزایش درآمد خود را تضمین کنید!

و اما کلام آخر…

ویژگی Float و Clear ابزارهای مهمی در CSS هستند که به طراحان وب کمک می‌کنند تا چینش‌های پیچیده‌ای را ایجاد کنند. با استفاده صحیح از این ویژگی‌ها، می‌توان طراحی‌های زیبا و کاربرپسند را به راحتی پیاده‌سازی کرد.