CSS height, min-height, max-height

Question

I am confuse in CSS properties height, min-height, max-height, similarly with width, whats the difference in these values in what changes they causes? If someone make me understand this concept I will be really glad.

Answer 1

height:
Sets the height of the block elements.
min-height:
If the value (height) is less than the value of min-height, then the height of the element is assumed to be min-height.
max-height:
If the value (height) is greater than the value of max-height, then the height of the element is assumed to be equal to the value of max-height.
The same is true for width.