در ادامه ی مباحث آموزش طراحی سایت، یکی از کاربردی ترین و رایج ترین تکنیک هایی که در طراحی وب سایت ها مورد استفاده قرار می گیرد را برای شما توضیح خواهیم داد. همانطور که در فیلم آموزش شناور کردن عناصر در CSS (مشخصه float) بیان کردیم، وقتی عنصری، float می شود، والد آن عنصر جمع (collapse) می شود. برای این مشکل روش های متعددی وجود دارد که ما در این فیلم آموزشی بعضی از آن ها را برای شما کاربران عزیز بیان خواهیم کرد و موارد استفاده هر یک را با مثال توضیح خواهیم داد.
برای مشاهده یک روش دیگر برای جلوگیری از collapse شدن والد عناصر شناور، می توانید فیلم معرفی عناصر کاذب before و after در CSS را مشاهده کنید.
[hdplay id=87]
برای دانلود فیلم آموزشی و اسنیپت های آموزش مربوطه از لینک های زیر استفاده کنید :
[free_vip]
[video_download cat=’html’ url=’https://onliner.co/css-videos/float-and-ways-to-avoid-collapsing.mp4′]دانلود فیلم آموزش جلوگیری از جمع شدن (collapse) والد عناصر شناور در CSS [/video_download]
[/free_vip]
دسترسی سریع :
- آموزش قبلی : فیلم آموزشی بررسی رابطه عناصر شناور با مبحث Box Model در CSS
- آموزش بعدی : فیلم آموزش لایه بندی (layout) و چیدمان کلی صفحات وب با CSS
- لیست فیلم ها : فیلم های آموزش جامع CSS
2 دیدگاه دربارهٔ «فیلم آموزش جلوگیری از جمع شدن (collapse) والد عناصر شناور در CSS»
سلام
این کامنت رو بعد چند روز که آموزشهای شما رو دانلود کردم ارسال می کنم و فقط هدف اینه که بگم آموزشهاتون تمام مشکلات من رو با html و css برطرف کرد و از این بابت ازتون متشکرم .
انشاالله همیشه موفق باشید.
بازتاب: آموزش CSS | آموزش شناور کردن عناصر در CSS - مشخصه float