فرق بین max-height و height

[caspianhero]

با سلام بر دوستان
دقیقا میخواستم بدونم فرق بین max-height و height توی css چی هست؟؟
لطفا راهنمایی کنید!

سپاس

[کامروا]

سلام

خب از اسمشون معلومه
height:
اندازه ارتفاع یک element رو تعیین میکنه.
max-height:
حداکثر اندازه یک رو تعیین میکنه.

مثال :
دستور زیر رو در نظر بگیرید :
.div1 {
margin: 20px auto;
width: 50px;
height: 50px;
max-height: 200px;
background-color: #ccc;
}
.div1:hover {
height: 900px;
}

اندازه max-height در کلاس div1 برابر 200px هست و در زمان hover مقدار height برابر 900px هست اما میبینید ارتفاع div1 حداکثر تا 200Px افزایش میابد.

موفق باشید

[caspianhero]

تشکر: یک چیز هایی متوجه شدم: ولی میخواستم بدونم کلا چه کاربردی داره!! اصلا چه معنی ای داره برای یک المنت max_height استفاده شود!؟؟ مثلا در مثال بالا در div1 شما height: 50px در نظر گرفتید!خب زمانی برنامه اجرا میشه المنت روی همان مقدار پیشفرض میره یعنی 50 !!

[mehbod.rayaneh]

سلام
اینو ببینید : http://www.w3schools.com/cssref/tryit.asp?filename=trycss_dim_max-height
گاهی وقتا لازمه ک ارتفاع 1 div از 1 حدی تجاوز نکنه! اون موقع از max استفاده میکنن!!! شما از متنی ک تو لینک بالا هست 1 مقدار پاک کنید میبینید ک ارتفاع بکگراند زرد خود بخود کم میشه ولی حداکثر تا همون عدد ست شده زیاد میشه!
موفق باشید :)