4
0


می‌خوام کاری کنم که body صد درصد ارتفاع مرورگر رو بگیره. می‌تونم این کار رو با CSS انجام بدم؟

سعی کردم ارتفاع رو روی ۱۰۰٪ تنظیم کنم، ولی جواب نداد.

می‌خوام رنگ پس‌زمینه‌ای برای صفحه تنظیم کنم که کل پنجره مرورگر رو پر کنه، ولی اگه صفحه محتوای کمی داشته باشه، یه نوار سفید پایین صفحه می‌بینم.

0

سعی کن ارتفاع عنصر html رو هم روی ۱۰۰٪ تنظیم کنی.

html, 
body {
    height: 100%;
}

body به والدش یعنی عنصر html نگاه می‌کنه تا بفهمه چطور خاصیت پویا رو تنظیم کنه، پس عنصر html هم باید ارتفاعش تنظیم بشه.

اما محتوای body احتمالاً باید به‌طور پویا تغییر کنه. با تنظیم min-height روی ۱۰۰٪ می‌تونی به این هدف برسی.

html {
  height: 100%;
}
body {
  min-height: 100%;
}
ارسال پاسخ به سوال بالا

برای ارسال پاسخ باید وارد اکانتت بشی

اگر پاسخت شامل تکه کدی میشه، از منوی ویرایشگر پایین، تکه کدی که نوشتی رو انتخاب کن و بعد از طریق زبان کدی که نوشتی رو انتخاب کن تا کدت داخل بلاک مخصوص زبان خودش قرار بگیره و کدت خواناتر برای بقیه نشون داده بشه

اگه پاسخت رفرنسی داره، لینک رفرنس رو هم بذار تا پاسختت کاملتر و معتبر تر بشه