بیایید به معایب شناور توجه کنیم. نحوه برخورد عناصر مسدود و درون خطی با یکدیگر و استفاده از آنها در کنار یکدیگر. اجازه دهید تحلیل کنیم که ضرر چیست و چگونه می توان با آن مقابله کرد.
علی رغم این واقعیت که در مقاله گذشته ما یک شبکه ساده برای سایت با استفاده از شناور ساخته ایم ، آنها در اصل برای تنظیم جریان عناصر در متن در نظر گرفته شده اند. شناور سه معنی دارد: چپ - عناصر به حاشیه چپ می چسبند. راست - عناصر به لبه سمت راست فشار داده می شوند. هیچ - حالت بسته بندی غیرفعال است.
یک عنصر پیچیده شناور را می توان اندازه و پد کرد ، اما اگر عنصر درون خط باشد مانند یک عنصر بلوک رفتار می کند.
.block1 {
شناور به سمت چپ؛
عرض: 150 پیکسل
}
.block2 {
شناور: درست؛
عرض: 150 پیکسل
}
یک مشکل دیگر هنگام استفاده از شناور وجود دارد که در حال سقوط از جریان است. وقتی بلوک ها یکی پس از دیگری می روند ، ظاهر می شود ، اما فقط یکی از آنها خاصیت شناور را دارد ، سپس بر روی بقیه قرار می گیرد ، زیرا بلوک های دیگر را نمی بیند. عناصر درون خط به دور عناصر شناور می پیچند ، اما بلوک حاوی این متن در زیر عنصر شناور باقی می ماند.
اما تعامل شناور با شناور چگونه است؟
آنها مانند متن رفتار می کنند: آنها تا زمانی که فضای خالی وجود دارد یکی پس از دیگری می ایستند و سپس به یک خط جدید می روند. بنابراین ، با کمک شناورها ، ساخت شبکه ها را شروع کردیم. اگر جایی باقی نماند ، آنها از عرض سایت منتقل می شوند ، یعنی جایی به جایی نمی رسند.
اگر شناور عناصر بلوک ساده را نمی بیند ، می توان عناصر بلوک را برای دیدن شناور آموزش داد. ما از خاصیت روشن استفاده می کنیم که بسته بندی را از هر طرف (یا از موارد انتخاب شده) غیرفعال می کند. یعنی یک عنصر با واضح زیر عنصر با شناور قرار می گیرد.
