چرا وقتی دو تا div گذاشته با کلاسهای container redو div با کلاس row yellow چرارنگ div فرزند بر روی رنگ div والد کپی میشه؟تو سیستم من کپی نمیشه میره سطر بعد
سلام. وقتتون بخیر ممنون میشم کد رو قرار بدید یا بفرمایید سوالتون مربوط به دقیقه چند از ویدئو هست تا بررسی کنیم.
سحر پاشائی۲۹ مرداد ۱۴۰۳، ۱۰:۳۰
مربوط به دقیقه ۱۰ و۱۱ ویدئو جلسه پنجم طراحی رسپانسیو
همونطور که میدونید div عنصر بلاکی هست، پس 100% عرض صفحه/والدش رو میگیره.
برای div والد یا parent که کلاس container داره، یه عرض مشخص شده (فرض کنید 1000px)، بکگراندش هم قرمز هست.
حالا این عنصر یه فرزند هم داره که اون هم div هست پس عنصر بلاکی هست و قاعدتا باید 100% عرض والدش رو بگیره.
یه جورایی انگار روی والدش قرار گرفته و چون بکگراند زرد داره و 100% عرض والدشم گرفته انگاری والدش نیست یا انگار رنگ این رو اون کپی شده در صورتی که این طور نیست، شما میتونید برای div فرزند یه عرض کمتر مثلا 500px در نظر بگیرید یا بهش مارجین بدید تا متوجه حضور عنصر والد بشید.
فرض کنید یه کاغذ A4 با رنگ قرمز دارید، یه کاغذ A4 با رنگ زرد؛ وقتی زرده رو بذارید رو قرمزه چون ابعادشون یکیه قرمزه پنهان میشه زیر زرده اما ویژگیها و رنگ خودش رو کماکان داره.