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

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

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

نویسنده پست
شنبه ، 2 ژانویه 2016     8:57 ب.ظ #


حسین کامرانی

Subscriber
3 پست2 تاپیک

درود

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

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

 

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

0  تشکر
:: این تاپیک، پاسخ تائیدشده دارد : مشاهده پاسخ تائید شده توسط سوال کننده
شنبه ، 2 ژانویه 2016     10:12 ب.ظ #


محمد

Subscriber
87 پست0 تاپیک

سلام دوسته من

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

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

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

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

max-height: 100vh

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

0  تشکر
شنبه ، 2 ژانویه 2016     10:45 ب.ظ #


حسین کامرانی

Subscriber
3 پست2 تاپیک

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

 

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

 

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

0  تشکر
شنبه ، 2 ژانویه 2016     11:12 ب.ظ # پاسخ تائید شده توسط سوال کننده


mehdi karimi

Subscriber
35 پست10 تاپیک

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

0  تشکر
یکشنبه ، 3 ژانویه 2016     12:11 ق.ظ #


hamed_z2001

Subscriber
156 پست51 تاپیک

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

 

0  تشکر
یکشنبه ، 3 ژانویه 2016     9:05 ب.ظ #


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

Subscriber
605 پست28 تاپیک

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

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

height:100vh

موفق باشید ... :)

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

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