🎉 سال نو، مهارت نو، مشاوره رایگان نقشه راه برنامه نویسی (آفر ویژه ثبت نام قبل از افزایش قیمت 🔥)
۰ ثانیه
۰ دقیقه
۰ ساعت
۴ سمیرا کرمی
کلاسهای تودر تو
جامعه Html & CSS ایجاد شده در ۲۹ مرداد ۱۴۰۳

چرا وقتی دو تا div گذاشته با کلاسهای container redو div با کلاس row yellow چرارنگ  div فرزند بر روی رنگ div والد کپی میشه؟تو سیستم من کپی نمیشه میره سطر بعد

سلام. وقتتون بخیر
ممنون می‌شم کد رو قرار بدید یا بفرمایید سوالتون مربوط به دقیقه چند از ویدئو هست تا بررسی کنیم.

سحر پاشائی ۲۹ مرداد ۱۴۰۳، ۱۰:۳۰

مربوط به دقیقه ۱۰ و۱۱ ویدئو جلسه پنجم طراحی رسپانسیو

سمیرا کرمی ۲۹ مرداد ۱۴۰۳، ۱۰:۳۲
سمیرا کرمی ۲۹ مرداد ۱۴۰۳، ۱۰:۳۵

سلام مجدد.

کد بخشی که فرمودید به این صورت هست:

<div class="container red">
 Parent 
  <div class="row yellow"> Child</div>
 </div>

همون‌طور که می‌دونید div عنصر بلاکی هست، پس 100% عرض صفحه/والدش رو می‌گیره.

برای div والد یا parent که کلاس container داره، یه عرض مشخص شده (فرض کنید 1000px)، بک‌گراندش هم قرمز هست.

حالا این عنصر یه فرزند هم داره که اون هم div هست پس عنصر بلاکی هست و قاعدتا باید 100% عرض والدش رو بگیره.

یه جورایی انگار روی والدش قرار گرفته و چون بک‌گراند زرد داره و 100% عرض والدشم گرفته انگاری والدش نیست یا انگار رنگ این رو اون کپی شده در صورتی که این طور نیست، شما می‌تونید برای div فرزند یه عرض کم‌تر مثلا 500px در نظر بگیرید یا بهش مارجین بدید تا متوجه حضور عنصر والد بشید.

فرض کنید یه کاغذ A4 با رنگ قرمز دارید، یه کاغذ A4 با رنگ زرد؛ وقتی زرده رو بذارید رو قرمزه چون ابعادشون یکیه قرمزه پنهان می‌شه زیر زرده اما ویژگی‌ها و رنگ خودش رو کماکان داره.

سحر پاشائی ۳۰ مرداد ۱۴۰۳، ۰۸:۴۷