آشنایی با مقدار stretch در height — ترفند کوچیک، تأثیر بزرگ
تو این ویدیو نشونت می‌دم چطوری یه المنت مثل متن رو کاری کنی کل ارتفاع باکس والدش رو پر کنه، بدون اینکه margin یا overflow اذیتت کنن. راه‌حلش خیلی ساده‌تر از چیزیه که فکر می‌کنی!
00:00:00
خلاصه ویدئو
توی این ویدیو یاد می‌گیریم چجوری کاری کنیم یه المنت (مثلاً یه متن یا پاراگراف) کل ارتفاع باکس والدش رو پر کنه، حتی وقتی براش margin گذاشتیم.
معمولاً وقتی height رو ۱۰۰ درصد می‌ذاریم، با اضافه کردن margin با مشکل overflow روبه‌رو می‌شیم.
یه روش معمول اینه که بیایم از flexbox استفاده کنیم، ولی خب این روش ممکنه بقیه المنت‌هامون رو هم تحت‌تأثیر بذاره.
راه تمیزترش اینه که به‌جای height از height: stretch استفاده کنیم ✨
با این کار بدون نیاز به flex و تنظیمات اضافی، المنت‌مون کل فضای باکس رو پر می‌کنه، حتی اگه margin داشته باشه.