The max-height CSS property is used to set the maximum height of a given element. It prevents the used value of the height property from becoming larger than the value specified for max-height.
max-height overrides height, but min-height overrides max-height.
Syntax
<!DOCTYPE html> <html> <head> <style> table { max-height: 75%; } form { max-height: none; } </style> </head> <body> <table> <tr> <td>1</td> <td>2</td> </tr> <tr> <td>3</td> <td>4</td> </tr> </table> <form> <input type="button"> </form> </body> </html>