استفاده از ارتفاع 100% در css

این تاپیک 5 پاسخ و 5 مشارکت کننده دارد . آخرین آپدیت توسط :  محمد مهدی اکرمی ،‏ 1 سال و 3 ماه پیش .

این تاپیک تاکنون 523 بازدید داشته است .

نویسنده پست
شنبه ، ۱۲ دی ۱۳۹۴     ۸:۵۷ ب.ظ #


حسین کامرانی

Subscriber
3 پست2 تاپیک

درود

من میخوام برای یکی از کلاس ها در css ، ارتفاع رو 100% در نظر بگیرم ( height:100% )

اما انگار css از این مورد پشتیبانی نمی کنه

 

ممنون میشم اگه بگید چجوری باید این کار رو انجام بدم

0  تشکر
:: این تاپیک، پاسخ تائیدشده دارد : مشاهده پاسخ تائید شده توسط سوال کننده
شنبه ، ۱۲ دی ۱۳۹۴     ۱۰:۱۲ ب.ظ #


محمد

Subscriber
87 پست0 تاپیک

سلام دوسته من

height همیشه  100  درصد هست یعنی بهش استایل ندیدم(ارتفاع تعین نکنیم) با  زیاد شدن عناصر داخل اون دیو مورد نظر

اون دیو بزرگ میشه یعنی  ارتفاع 100 درصد هست

ولی  بعضی موقع ها میخوایم یه سایت  هیرو هدر تا تک صفحه ای طراحی کنیم

و هر قسمت از اون رو میخوایم اندازه کل مرورگر قرار بدیم (به طور مثال اسلایدرمون کل مرورگر رو بگیره) اونموقع از این خاصیت استفاده میکنیم

max-height: 100vh

باز سوالی داشتی در خدمتیم

0  تشکر
شنبه ، ۱۲ دی ۱۳۹۴     ۱۰:۴۵ ب.ظ #


حسین کامرانی

Subscriber
3 پست2 تاپیک

فکر می کنم باید یه کم بیشتر توضیح بدم

 

من میخوام قالبم یه منوی عمودی داشته باشه که به صورت عادی ( چه چیزی داخل اون بای و چه نباشه ) صد درصد صفحه رو پرکنه ( به صورت عمودی )

 

ممنون میشم اگه در این مورد راهنمایی کنید

0  تشکر
شنبه ، ۱۲ دی ۱۳۹۴     ۱۱:۱۲ ب.ظ # پاسخ تائید شده توسط سوال کننده


mehdi karimi

Subscriber
35 پست10 تاپیک

شما اگر بخوای به یک کلاس ارتفاع 100% بدی باید علاوه بر خود اون کلاس به تمامی والد های اون کلاس هم ارتفاع 100% بدی و گرنه عمل نمیکنه

0  تشکر
یکشنبه ، ۱۳ دی ۱۳۹۴     ۱۲:۱۱ ق.ظ #


hamed_z2001

Subscriber
157 پست52 تاپیک

دوست عزیز اگه میخای ارتفاع ۱۰۰% باشه حتی اگه داخلش خالی باشه باید براش یه خاصیت به نام min-height تعریف کنی,مثلا 600px .. اینجوری حتی اگه خالی باشه هم اون حداقل ارتفاع رو میگیره و اگه عناصر داخلش زیاد باسند طوریکه ارتفاع بیشتر از ۶۰۰ بشه , خودش اتومات بیشتر میکشه ...

 

0  تشکر
یکشنبه ، ۱۳ دی ۱۳۹۴     ۹:۰۵ ب.ظ #


محمد مهدی اکرمی

Subscriber
607 پست29 تاپیک

سلام دوست عزیز

از این کد استفاده کنید :

height:100vh

موفق باشید ... 🙂

2  تشکر
پست 1 تا 6 (از مجموع 6 پست)

این تاپیک پاسخ تائید شده دارد و بسته شده است .