مشکل css
سلام دوستان
من یه مشکل داشتم
به این المنت
max-height : 150px , overflow: auto دادم
خب این به این معنی است که اگر ارتفاع محتویات المنت از 150px بیشتر شد اسکرول بخوره و اگر کم تر بود اسکرول نباشه , درسته ؟
حالا مشکل اینه که در همه ارتفاع ها این اسکرول وجود داره همون طور که در عکس میبینید متن کم تر از 150 است اما اسکرول وجود داره !!!
ممنون 🙏
پاسخ‌ها
3
شما به جای overflow:auto اینو بنویس :
overflow-y: scroll;ببین اوکی میشه ؟
@Waltun
نه داداش فرقی نمیکنه که
من میخوام وقتی محتوا از 150px کم تر شد اسکرول بره
اینجوری همیشه اسکرول هست
گفتگوهای مرتبط
شاید پاسخ شما همین‌جا باشد
چیزی که اینجا نوشتید درست هستش، ولی با توجه به اینکه کدتون رو بصورت کامل ننوشتید، ایراد از جای دیگه باید باشه.
این مثال هم بررسی کنید، می بینید چیزی که شما می خواید کامل حاصل میشه.
کافیه متن درون p رو کم و زیاد کنید تا مشاهده کنید.
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
<style>
p {
width: 150px;
max-height: 150px;
overflow: auto
}
</style>
</head>
<body>
<h1>This is a Heading</h1>
<p>This is a paragraph. This is a paragraph. This is a paragraph. This is a paragraph. This is a paragraph. This is a paragraph. This is a paragraph. This is a paragraph. This is a paragraph. This is a paragraph. This is a paragraph. This is a paragraph. This is a paragraph. This is a paragraph. This is a paragraph. This is a paragraph. This is a paragraph. This is a paragraph. This is a paragraph. This is a paragraph. This is a paragraph. This is a paragraph. This is a paragraph. This is a paragraph. This is a paragraph. This is a paragraph. This is a paragraph. This is a paragraph. This is a paragraph.</p>
</body>
</html>